首頁 >後端開發 >PHP問題 >如何在百度編輯器中新增'仿宋”和'仿宋GB2312”

如何在百度編輯器中新增'仿宋”和'仿宋GB2312”

XuPing.Yang原創: 2022-02-12 14:26:292955瀏覽

百度編輯器是一款在開發過程中經常使用的編輯器，他的功能由於和Word類似，被很多開發者應用於各種專案開發，但是有時候會遇到一些特殊情況，比如小編最近遇到的，有個高等院校客戶要求在網站上發布的文章必須是仿宋字體或者國標仿宋字體，即“仿宋”和“仿宋GB2312”，但是百度富文本編輯器，官方提供的版本並沒有提供「仿宋」和「仿宋GB2312」這兩種字型。

小編透過查閱各種資料，總結如何在百度編輯器中新增「仿宋」和「仿宋GB2312」這兩種字體的方法，如下所示。

首先在新增「仿宋」和「仿宋GB2312」這兩種字體之前，我們需要知道並了解這兩種字體在開發應用中是如何表示的，在官方提供的文檔中的字體如下：

&#39;songti&#39;:&#39;宋体&#39;,
&#39;kaiti&#39;:&#39;楷体&#39;,
&#39;heiti&#39;:&#39;黑体&#39;,
&#39;lishu&#39;:&#39;隶书&#39;,
&#39;yahei&#39;:&#39;微软雅黑&#39;,
&#39;andaleMono&#39;:&#39;andale mono&#39;,
&#39;arial&#39;: &#39;arial&#39;,
&#39;arialBlack&#39;:&#39;arial black&#39;,
&#39;comicSansMs&#39;:&#39;comic sans ms&#39;,
&#39;impact&#39;:&#39;impact&#39;,
&#39;timesNewRoman&#39;:&#39;times new roman&#39;

我們不難發現在開發過程中字體的使用往往都有他自己的表示方式，透過查找，小編總結了一些常用的字體在開發過程中的表示方式，如下所示：

华文细黑：STHeiti Light [STXihei] 
华文黑体：STHeiti 
华文楷体：STKaiti 
华文宋体：STSong 
华文仿宋：STFangsong 
俪黑 Pro：LiHei Pro Medium 
俪宋 Pro：LiSong Pro Light 
标楷体：BiauKai 
苹果俪中黑：Apple LiGothic Medium 
苹果俪细宋：Apple LiSung Light 
新细明体：PMingLiU 
细明体：MingLiU 
标楷体：DFKai-SB 
黑体：SimHei 
宋体：SimSun 
新宋体：NSimSun 
仿宋：FangSong 
楷体：KaiTi 
仿宋_GB2312：FangSong_GB2312 
楷体_GB2312：KaiTi_GB2312 
微软正黑体：Microsoft JhengHei 
微软雅黑体：Microsoft YaHei 
隶书：LiSu 
幼圆：YouYuan 
华文细黑：STXihei 
华文楷体：STKaiti 
华文宋体：STSong 
华文中宋：STZhongsong 
华文仿宋：STFangsong 
方正舒体：FZShuTi 
方正姚体：FZYaoti 
华文彩云：STCaiyun 
华文琥珀：STHupo 
华文隶书：STLiti 
华文行楷：STXingkai 
华文新魏：STXinwei

從這裡，我們不難看出，「仿宋」和「仿宋GB2312」在開發過程中的顯示方式分別是：FangSong和FangSong_GB2312，，所以接下來我們需要做的就是將這兩種字體加入百度富文本編輯器的對應位置即可。

過程如下：

1.找到檔案ueditor/lang/zh-cn/zh-cn.js ，找到其中的fontfamily節點，加上「仿宋」和「仿宋GB2312」的字型FangSong和FangSong_GB2312

&#39;fontfamily&#39;:{
    &#39;songti&#39;:&#39;宋体&#39;,
    &#39;kaiti&#39;:&#39;楷体&#39;,
    &#39;heiti&#39;:&#39;黑体&#39;,
    &#39;FangSong &#39;: &#39;仿宋&#39;,
    &#39;FangSong_GB2312&#39;: &#39;仿宋_GB2312&#39;,
    &#39;lishu&#39;:&#39;隶书&#39;,
    &#39;yahei&#39;:&#39;微软雅黑&#39;,
    &#39;andaleMono&#39;:&#39;andale mono&#39;,
    &#39;arial&#39;: &#39;arial&#39;,
    &#39;arialBlack&#39;:&#39;arial black&#39;,
    &#39;comicSansMs&#39;:&#39;comic sans ms&#39;,
    &#39;impact&#39;:&#39;impact&#39;,
    &#39;timesNewRoman&#39;:&#39;times new roman&#39;
},

2.找到檔案ueditor\ueditor.config.js檔案（網路上也看到一說是ueditor\editor_config.js文件，可能版本問題），找到其中被註解掉的fontfamily節點，大概在180行左右，去掉該節點的註釋，加入「仿宋」和「仿宋GB2312」的字體FangSong和FangSong_GB2312

,&#39;fontfamily&#39;:[
    { label:&#39;&#39;,name:&#39;songti&#39;,val:&#39;宋体,SimSun&#39;},
    { label:&#39;&#39;,name:&#39;kaiti&#39;,val:&#39;楷体,楷体_GB2312, SimKai&#39;},
    { label:&#39;&#39;,name:&#39;yahei&#39;,val:&#39;微软雅黑,Microsoft YaHei&#39;},
    { label:&#39;&#39;,name:&#39;heiti&#39;,val:&#39;黑体, SimHei&#39;},
    { label: &#39;&#39;, name: &#39;SimSun&#39;, val: &#39;仿宋,SimSun&#39; },
    { label:&#39;&#39;,name:&#39;FangSong_GB2312&#39;,val:&#39;仿宋_GB2312 ,FangSong_GB2312&#39;},
    { label:&#39;&#39;,name:&#39;lishu&#39;,val:&#39;隶书, SimLi&#39;},
    { label:&#39;&#39;,name:&#39;andaleMono&#39;,val:&#39;andale mono&#39;},
    { label:&#39;&#39;,name:&#39;arial&#39;,val:&#39;arial, helvetica,sans-serif&#39;},
    { label:&#39;&#39;,name:&#39;arialBlack&#39;,val:&#39;arial black,avant garde&#39;},
    { label:&#39;&#39;,name:&#39;comicSansMs&#39;,val:&#39;comic sans ms&#39;},
    { label:&#39;&#39;,name:&#39;impact&#39;,val:&#39;impact,chicago&#39;},
    { label:&#39;&#39;,name:&#39;timesNewRoman&#39;,val:&#39;times new roman&#39;}
]

這樣再編輯文章的時候，就會出現仿宋」和「仿宋GB2312」這兩種字體了，需要的朋友可以試試，希望對你有幫助。

如何在百度編輯器中新增'仿宋”和'仿宋GB2312”

相關文章