您的位置:首页 > 产品设计 > UI/UE

ueditor,字体大小单位改为rem的方法

2017-06-27 14:56 1726 查看
1.场景:

ueditor官网:http://ueditor.baidu.com/website/index.html

ueditor是一个后台编辑器,由于项目前端用的是rem做字体单位,而ueditor是以px为字体单位的,所以要自己调成rem的,网上查了相关资料,没有找到很好的方法,结合网上的一些资料,自己在源码中做了些修改,改完了勉强能用,后面还要完善一下。

操作如下:

1.ueditor.all.js 中找到editorui.fontsize 大概28232行(版本不同可能有些不一样,直接搜索editorui.fontsize 即可) 把var size = list[i] + 'px';中的px改为rem,list[i]要根据自己的rem设置调整,list[i] 这个值取的是编辑页面选择的文本字号,一般是10,12,14,16,18,24,36,如果自己需要的是0.1rem,0.12rem........则,list[i] /100即var size = list[i]/100 + 'rem';

网上资料整合如下

在ueditor.all.js查找cssStyle.push('font-size:'位置,有个值列表对象,代表字号,是从10开始,改成相应rem单位的值,把+'px'改成+'rem';查找me.setOpt,并找到fontsize字段,是个数字数组,也改成rem单位的值,这个应该是编辑器上字号的可选options,好像也可以从config.js的fontsize字段改。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: