快捷導(dǎo)航

百度編輯器Ueditor增加字體的修改方法

更新時(shí)間：2017年03月29日 21:14:07 作者：51開(kāi)陽(yáng)

這篇文章主要介紹了百度編輯器Ueditor增加字體的修改方法,有時(shí)候我們需要為編輯器多加幾種字體，那么就可以參考下面的方法，需要的朋友可以參考下

Ueditor本身自帶11種字體
這里寫圖片描述

使用過(guò)程中這11種字體往往不能滿足我們的需求，現(xiàn)在我要添加“仿宋”和“仿宋GB2312”兩種字體

過(guò)程如下：
1、找到文件 ueditor/lang/zh-cn/zh-cn.js ，找到其中的fontfamily節(jié)點(diǎn)，添加“仿宋”和“仿宋GB2312”

 'fontfamily':{
    'songti': '宋體',
    'SimSun': '仿宋',
    'FangSong_GB2312': '仿宋_GB2312',
    'kaiti':'楷體',
    'heiti':'黑體',
    '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文件（網(wǎng)上也看到一說(shuō)是ueditor\editor_config.js文件，可能版本問(wèn)題），找到其中被注釋掉的fontfamily節(jié)點(diǎn)，去掉該節(jié)點(diǎn)的注釋，添加“仿宋”和“仿宋GB2312”

 //fontfamily
    //字體設(shè)置 label留空支持多語(yǔ)言自動(dòng)切換，若配置，則以配置值為準(zhǔn)
        ,'fontfamily':[
          { label: '', name: 'songti', val: '宋體,SimSun' },
          { label: '', name: 'SimSun', val: '仿宋,SimSun' },
          { label:'',name:'FangSong_GB2312',val:'仿宋_GB2312 ,FangSong_GB2312'},
          { label:'',name:'kaiti',val:'楷體,楷體_GB2312, SimKai'},
          { label:'',name:'yahei',val:'微軟雅黑,Microsoft YaHei'},
          { label:'',name:'heiti',val:'黑體, SimHei'},
          { 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'}
         ]

    //fontsize
    //字號(hào)
    //,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]

添加好的效果圖：
這里寫圖片描述
可以看到，仿宋和仿宋GB2312被成功添加上去了

最后，附上部分中文字體的英文名，方便添加字體

華文細(xì)黑：STHeiti Light [STXihei]
華文黑體：STHeiti
華文楷體：STKaiti
華文宋體：STSong
華文仿宋：STFangsong
儷黑 Pro：LiHei Pro Medium
儷宋 Pro：LiSong Pro Light
標(biāo)楷體：BiauKai
蘋果儷中黑：Apple LiGothic Medium
蘋果儷細(xì)宋：Apple LiSung Light
新細(xì)明體：PMingLiU
細(xì)明體：MingLiU
標(biāo)楷體：DFKai-SB
黑體：SimHei
宋體：SimSun
新宋體：NSimSun
仿宋：FangSong
楷體：KaiTi
仿宋_GB2312：FangSong_GB2312
楷體_GB2312：KaiTi_GB2312
微軟正黑體：Microsoft JhengHei
微軟雅黑體：Microsoft YaHei
隸書：LiSu
幼圓：YouYuan
華文細(xì)黑：STXihei
華文楷體：STKaiti
華文宋體：STSong
華文中宋：STZhongsong
華文仿宋：STFangsong
方正舒體：FZShuTi
方正姚體：FZYaoti
華文彩云：STCaiyun
華文琥珀：STHupo
華文隸書：STLiti
華文行楷：STXingkai
華文新魏：STXinwei