修改Ueditor工具栏字号显示方式为中文word字号显示

该博客介绍了如何修改Ueditor.all.js文件,以更改字体大小选项,将默认的英文字号名称替换为中文,便于用户理解。通过搜索并编辑'fontfamily'和'editorui.fontsize'相关代码段,实现了从六号到初号的中文字号选择,并提供了修改后的代码示例。
摘要由CSDN通过智能技术生成

说明:我用的版本是1.4.3,原文地址:https://my.oschina.net/u/1424662/blog/472282

首先找到Ueditor.all.js文件,搜索fontfamily,定位到如下代码:
在这里插入图片描述
fontsize的代码修改为如下代码:

fontsize:[
	{ name: '\u516d\u53f7', val: 10},
 	{ name: '\u5c0f\u4e94', val: 12},
    { name: '\u4e94\u53f7', val: 14},
    { name: '\u5c0f\u56db', val: 16},
    { name: '\u56db\u53f7', val: 18},
    { name: '\u5c0f\u4e09', val: 20},
    { name: '\u4e09\u53f7', val: 21},
    { name: '\u5c0f\u4e8c', val: 24},
    { name: '\u4e8c\u53f7', val: 29},
    { name: '\u5c0f\u4e00', val: 32},
    { name: '\u4e00\u53f7', val: 34},
    { name: '\u5c0f\u521d', val: 48},
    { name: '\u521d\u53f7', val: 56}
]

上面的UNICODE直接用中文字符串也可以。比如:

fontsize:[
	{ name: '六号', val: 10},
 	{ name: '小五', val: 12},
    { name: '五号', val: 14},
    { name: '小四', val: 16}
]

然后继续搜索editorui.fontsize,定位到如下代码:
在这里插入图片描述

修改成如下代码:
在这里插入图片描述
修改后代码:

for (var i = 0; i < list.length; i++) {
    var sizename = list[i].name;
    var size = list[i].val + 'px';
    items.push({
         label:sizename,
         value:size,
         theme:editor.options.theme,
         renderLabelHtml:function () {
              return '<div class="edui-label %%-label" style="line-height:2;font-size:' +
              this.value + '">' + (this.label || '') + '</div>';
         }
    });
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值