码迷,mamicode.com
首页 > 其他好文 > 详细

[转]UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案

时间:2015-02-23 17:51:34      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:

转自http://www.cnblogs.com/VAllen/p/UEditor-InitialFrameWidth-Auto.html

UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000.

不能够自适应屏幕宽度.如图1:

技术分享

刚开始的时候,我是直接设置initialFrameWidth=null的.效果如图2:

技术分享

 

这样子UEditor百度富文本编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给initialFrameWidth属性.

这样子确实是可以在第一次加载的时候适应屏幕宽度,但是却似乎宽度稍微过了一点点,超过上面的灰条了.而且这里还有一个问题:

当你改变浏览器大小时,会有个很严重的排版BUG.

由于它不会自适应宽度.所以会发现编辑器宽度溢出.如图3:

技术分享

解决方案:

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

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

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

保存后,刷新浏览器再看看...

效果如图4:

技术分享

 

[转]UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案

标签:

原文地址:http://www.cnblogs.com/naruto469/p/4298157.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!