如何在百度編輯器中新增「仿宋」和「仿宋GB2312」

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

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

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

'songti':'宋體',
'kaiti':'楷體',
'heiti':'黑體',
'lishu':'隸書',
'yahei':'微軟雅黑',
'andaleMono':'andale mono',
'arial': 'arial',
'arialBlack':'arial black',
'comicSansMs':'comic sans ms',
'impact':'impact',
'timesNewRoman':'times new roman'

我們不難發現在開發過程中字型的使用往往都有他自己的表示方式,通過查詢,小編總結了一些常用的字型在開發過程中的表示方式,如下所示:

華文細黑: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

'fontfamily':{
    'songti':'宋體',
    'kaiti':'楷體',
    'heiti':'黑體',
    'FangSong ': '仿宋',
    'FangSong_GB2312': '仿宋_GB2312',
    'lishu':'隸書',
    'yahei':'微軟雅黑',
    'andaleMono':'andale mono',
    'arial': 'arial',
    'arialBlack':'arial black',
    'comicSansMs':'comic sans ms',
    'impact':'impact',
    'timesNewRoman':'times new roman'
},

2.找到檔案ueditor\ueditor.config.js檔案(網上也看到一說是ueditor\editor_config.js檔案,可能版本問題),找到其中被註釋掉的fontfamily節點,大概在180行左右,去掉該節點的註釋,新增「仿宋」和「仿宋GB2312」的字型FangSong和FangSong_GB2312

,'fontfamily':[
    { label:'',name:'songti',val:'宋體,SimSun'},
    { label:'',name:'kaiti',val:'楷體,楷體_GB2312, SimKai'},
    { label:'',name:'yahei',val:'微軟雅黑,Microsoft YaHei'},
    { label:'',name:'heiti',val:'黑體, SimHei'},
    { label: '', name: 'SimSun', val: '仿宋,SimSun' },
    { label:'',name:'FangSong_GB2312',val:'仿宋_GB2312 ,FangSong_GB2312'},
    { label:'',name:'lishu',val:'隸書, SimLi'},
    { label:'',name:'andaleMono',val:'andale mono'},
    { label:'',name:'arial',val:'arial, helvetica,sans-serif'},
    { label:'',name:'arialBlack',val:'arial black,avant garde'},
    { label:'',name:'comicSansMs',val:'comic sans ms'},
    { label:'',name:'impact',val:'impact,chicago'},
    { label:'',name:'timesNewRoman',val:'times new roman'}
]

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

相關推薦:《》

以上就是如何在百度編輯器中新增「仿宋」和「仿宋GB2312」的詳細內容,更多請關注TW511.COM其它相關文章!