首页 > 文章 > 后端开发 > 如何在百度编辑器中新增“仿宋”和“仿宋GB2312”

如何在百度编辑器中新增“仿宋”和“仿宋GB2312”

XuPing.Yang原创: 2022-02-12 14:26:292918浏览

百度编辑器是一款在开发过程中经常使用的编辑器，他的功能由于和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”

相关文章