百度編輯器Ueditor增加字體的修改方法
Ueditor本身自帶11種字體
使用過程中這11種字體往往不能滿足我們的需求,現(xiàn)在我要添加“仿宋”和“仿宋GB2312”兩種字體
過程如下:
1、找到文件 ueditor/lang/zh-cn/zh-cn.js ,找到其中的fontfamily節(jié)點,添加“仿宋”和“仿宋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)上也看到一說是ueditor\editor_config.js文件,可能版本問題),找到其中被注釋掉的fontfamily節(jié)點,去掉該節(jié)點的注釋,添加“仿宋”和“仿宋GB2312”
//fontfamily //字體設置 label留空支持多語言自動切換,若配置,則以配置值為準 ,'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 //字號 //,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]
添加好的效果圖:
可以看到,仿宋和仿宋GB2312被成功添加上去了
最后,附上部分中文字體的英文名,方便添加字體
華文細黑: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
相關文章
kindSoft在線網(wǎng)頁編輯器簡單的配置參數(shù)介紹
對于網(wǎng)頁編輯器對做項目的時候是非常的又用的一個編輯器,大大的減輕了開發(fā)人員的負擔,感覺KindSoft是一個不錯的選擇,因此也在不斷的使用接下來介紹參數(shù)配置,需要的朋友可以了解下2013-01-01FCKeditor + SyntaxHighlighter 讓代碼高亮著色插件
FCKeditor是現(xiàn)在最為流行的開源編輯器,SyntaxHighlighter是一個用JS實現(xiàn)的代碼高亮顯示插件,F(xiàn)CKeditor + SyntaxHighlighter 讓代碼高亮著色,可以最小化修改您的程序實現(xiàn)效果2014-06-06Ueditor百度編輯器的Html模式自動替換樣式的解決方法
百度的Ueditor編輯器出于安全性考慮,用戶在html模式下粘貼進去的html文檔會自動被去除樣式和轉義。雖然安全的,但是非常不方便。做一下修改把這個功能去掉,需要的朋友可以參考下2017-03-03ie9后瀏覽器fckeditor無法上傳圖片、彈出浮層內容不顯示的解決方法
升級到IE9后,fckeditor在IE9里的彈出浮動層會出現(xiàn)bug,里面的內容不會出現(xiàn)。原因是IE9不支持var $=document.getElementById;這樣的寫法了2014-01-01