w3h5

UEditor百度富文本编辑器 设置百分比宽度

UEditor 百度富文本编辑器的 initialFrameWidth 属性默认值是1000,设置 initialFrameWidth=null 时,编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给 initialFrameWidth 属性,这样确实可以在第一次加载时适应屏幕宽度,但是似乎宽度稍微过了一点点。而且当你改变浏览器大小时,会有很严重的排版BUG,由于它不会自适应宽度。

所以会出现编辑器宽度溢出的问题。

001.png UEditor百度富文本编辑器 设置百分比宽度 经验总结

解决方案:

1. 打开/ueditor/ueditor.config.js 

找到 initialFrameWidth 属性,默认值是 1000 ,即是 initialFrameWidth: 1000

把值更改为 '100%'  , 即是 initialFrameWidth: '100%'

保存后,刷新浏览器即可。

2. 用JS配置宽高:

UE.getEditor('editor',{initialFrameWidth:'100%',initialFrameHeight:180});

注意:

initialFrameWidth 设置宽度

initialFrameHeight 设置高度

设置百分比的时候要用引号 ' ' 或者 " " ,否则会不起效或者报错。

赞 (2)
分享到: +More |

评论 沙发

换个身份