Ueditor编辑器

首先，在ueditor中找到fontsize,然后参照下图：

然后在ueditor.all.js中修改fontsize：

editorui.fontsize = function (editor, list, title) {title = editor.options.labelMap['fontsize'] || editor.getLang("labelMap.fontsize") || '';list = list || editor.options['fontsizeN'] || [];if (!list.length) return;var items = [];for (var i = 0; i < list.length; i++) {var size = list[i].val + 'pt';var label = list[i].label;items.push({label:label,value:size,theme:editor.options.theme,renderLabelHtml:function () {return '<div class="edui-label %%-label" style="line-height:1;font-size:' +this.value + '">' + (this.label || '') + '</div>';}});}var fontsizeL = new Array();fontsizeL['59px'] = '初号';fontsizeL['48px'] = '小初';fontsizeL['35px'] = '一号';fontsizeL['32px'] = '小一';fontsizeL['29px'] = '二号';fontsizeL['24px'] = '小二';fontsizeL['21px'] = '三号';fontsizeL['20px'] = '小三';fontsizeL['19px'] = '四号';fontsizeL['16px'] = '小四';fontsizeL['14px'] = '五号';fontsizeL['12px'] = '小五';fontsizeL['10px'] = '六号';fontsizeL['9px'] = '小六';fontsizeL['8px'] = '七号';fontsizeL['7px'] = '八号';var ui = new editorui.Combox({editor:editor,items:items,title:title,initValue:title,onselect:function (t, index) {editor.execCommand('FontSize', this.items[index].value);},onbuttonclick:function () {this.showPopup();},className:'edui-for-fontsize'});editorui.buttons['fontsize'] = ui;editor.addListener('selectionchange', function (type, causeByUi, uiReady) {if (!uiReady) {var state = editor.queryCommandState('FontSize');if (state == -1) {ui.setDisabled(true);} else {ui.setDisabled(false);var showText = fontsizeL[editor.queryCommandValue('FontSize')];ui.setValue(showText);}}});return ui;};

这样就可以实现和word相同字号了。

添加字体

直接修改ueditor.config.js中的fontfamliy如下：

//fontfamily//字体设置 label留空支持多语言自动切换，若配置，则以配置值为准,'fontfamily':[{ label:'',name:'songti',val:'宋体,SimSun'},{ label:'',name:'kaiti',val:'楷体,楷体_GB2312,KaiTi_GB2312,SimKai'},{ label:'',name:'yahei',val:'微软雅黑,Microsoft YaHei'},{ label:'',name:'heiti',val:'黑体, SimHei'},{ label:'仿宋_GBK',name:'fangsong_gbk',val:'仿宋_GBK,FangSong_GBK'},{ label:'仿宋_GB2312',name:'fangsong_gb2312',val:'仿宋_GB2312,FangSong_GB2312'},{ label:'方正仿宋_GBK',name:'fangzhengfangsong_gbk',val:'方正仿宋_GBK,FZFangSong_GBK'},{ label:'方正黑体_GBK',name:'fangzhengheiti_gbk',val:'方正黑体_GBK,FZSimHei_GBK'},{ label:'方正楷体_GBK',name:'fangzhengkaiti_gbk',val:'方正楷体_GBK,FZSimKai_GBK'},{ label:'方正小标宋_GBK',name:'fangzhengxiaobiaosong_gbk',val:'方正小标宋_GBK,FZSong_GBK'},{ 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'}]

再修改ueditor.all.js中的fontfamliy如下即可:

Ueditor编辑器修改字体和字号?相关推荐

Markdown——编辑器语法——字体、字号与颜色
转自:http://blog.csdn.net/testcs_dn/article/details/45719357/#reply Markdown是一种可以使用普通文本编辑器编写的标记语言,通过 ...
CSDN-markdown编辑器语法——字体、字号与颜色
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式.但是它本身是不支持修改字体.字号与颜色等功能的! CSDN-mark ...
Ueditor设置默认字体、字号、行间距，添加字体种类
Ueditor默认字体.字号.行间距的修改: ueditor默认字号是16号,默认字体为sans-serif,默认行间距为5px,如下图所示: 首先,修改ueditor.all.js文件中如上图红框中 ...
UEditor编辑器修改ueditor.all.js后压缩的问题
总所周知,ueditor.all.js大小1.2M左右. 如果有修改ueditor.all.js,则没法引用ueditor.all.min.js 市面上在线压缩工具都不支持压缩ueditor.all. ...
Visual Studio Code（VSCODE）修改字体、字号
首选项(Preferences)>设置>搜索:font >修改对应配置. 相关文章: Visual Studio Code(VSCODE)语言设置
markdown编辑器语法——字体、字号与颜色
嗯哼->传送门转载于:https://www.cnblogs.com/niuben/p/11198395.html
Markdown编辑器语法——设置字体、字号和颜色
注意本人的博客都迁移到本人自己搭建的博客地址,通过此处可查看. Markdown编辑器语法--设置字体.字号和颜色 Markdown是一种可以使用普通文本编辑器编写的标记语言,类似于HTML的标记语 ...
Markdown编辑器攻略——字体，字号，颜色
写博客的时候,有时候需要突出显示某个标题或者文本,这时候如果能改变字体.字号或者颜色就太好了. 你想实现下面的效果吗? 今天真开心今天真开心今天真开心 Hello World Hello Worl ...
csdn博客怎么修改字体的大小和颜色
font 英[fɒnt] 同样字体和字号的) 一副铅字,字模,字型; Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式.但 ...
Markdown 编辑器设置字体大小颜色
本文转自:http://blog.csdn.net/testcs_dn/article/details/45719357 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTM ...

Ueditor编辑器修改字体和字号?

Ueditor编辑器

添加字体

Ueditor编辑器修改字体和字号?相关推荐

最新文章

热门文章