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字段改。
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字段改。
相关文章推荐
- 移动端页面以rem为单位设置字体大小不生效解决方法
- 谈谈css3的字体大小单位[rem]
- 移动端字体大小单位rem
- 移动端字体大小单位rem
- [VC编程] CEdit改变字体大小的方法
- gtk 设置标签(label)里字体的大小 颜色等属性的方法
- CEdit改变字体大小的方法
- LOGFONT大小与字体大小的转换方法
- 字体大小的单位
- putty 设置字体和大小方法
- 通过css(name,value)方法动态的改变字体大小
- 控制文字大小(一共是三个控制方法,颜色和字体是同样的控制方法)
- 修改Tabhost样式和字体大小的方法
- CStatic设置字体大小及背景透明的方法
- FCKeditor更改字体大小方法(更改为PX)
- 改变CEikEdwin字体大小的两种方法
- 让用户自己控制网页字体的大小的css书写方法
- javascript 改变字体大小方法集合[原创]_javascript技巧_脚本之家
- Java 文件大小以M为单位计算方法