百度Ueditor增加字体

Ueditor本身自带11种字体

现在我要添加“仿宋”和“仿宋GB2312”两种字体
过程如下：
1、找到文件 ueditor/lang/zh-cn/zh-cn.js ，找到其中的fontfamily节点，添加“仿宋”和“仿宋GB2312”

'fontfamily':{'songti': '宋体','fangsong': '仿宋','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文件（网上也看到一说是ueditor\editor_config.js文件，可能版本问题），找到其中被注释掉的fontfamily节点，去掉该节点的注释，添加“仿宋”和“仿宋GB2312”

//fontfamily//字体设置 label留空支持多语言自动切换，若配置，则以配置值为准,'fontfamily':[{ label: '', name: 'songti', val: '宋体,SimSun' },{ label: '', name: 'SimSun', val: '仿宋,FangSong' },{ 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

百度Ueditor增加字体相关推荐

百度编辑器Ueditor增加字体的修改方法
Ueditor本身自带11种字体使用过程中这11种字体往往不能满足我们的需求过程如下: 1.找到文件 ueditor/lang/zh-cn/zh-cn.js ,找到其中的fontfamily节点, ...
为U-Editor增加字体
U-Editor默认只有11中字体,如果想要增加其他字体需要按照下边的方法: 1.首先找到项目中"ueditor.config.js"文件 2. 在文件中"fontfam ...
jeecg富文本编辑器增加字体(仿宋)
jeecg富文本编辑器增加字体(仿宋) 温馨提示:jeecg 提供了 uedit 富文本的实现,如下针对的是 uedit 增加仿宋字体示例. 主要修改三个文件:plug-in\ueditor\uedi ...
ueditor html显示图片,百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法...
<百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法>要点: 本文介绍了百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法,希望 ...
java 百度副文本_spring boot 、springMVC环境集成百度ueditor富文本编辑器
spring-boot-mvc-ueditor-qiniu spring boot .springMVC环境集成百度ueditor富文本编辑器,使用七牛云存储图片依赖库版本: spring boot ...
编辑器开发（一）：准备工作，百度ueditor移入项目当中
ueditor富文本编辑器 Ueditor 富文本编辑器由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点. 下载百度ueditor 详细介绍官方git仓 ...
百度ueditor上传图片时如何设置默认宽高度
百度ueditor上传图片时如何设置默认宽高度一.总结一句话总结:直接css或者js里面限制一下就好,可以用html全局限制一下图片的最大高度直接css或者js里面限制一下就好,可以用html全 ...
百度ueditor编辑器如何使用自定义的高大上高亮皮肤？
百度自带的代码高亮皮肤简直是太丑露了有木有!看到那个皮肤都没有再看代码的欲望了--如何让百度ueditor的编辑器的代码高亮看的更加美观高大上一些呀?今天尚睿德创就给大家分享一下我们是如何做的! 首先 ...
[转]百度UEditor编辑器(php)
百度UEditor编辑器!合入PHP网站! 一.富文本内容交互 1.编辑器内容初始化(即往编辑器中设置富文本) 场景一:写新文章,编辑器中预置提示.问候等内容. 在editor_config.js文件 ...

百度Ueditor增加字体

百度Ueditor增加字体相关推荐

最新文章

热门文章