最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
UEditor编辑器实现编辑器自适应宽度的解决方案
时间：2022-06-25 19:39:55 编辑：袖梨 来源：一聚教程网
UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000.
不能够自适应屏幕宽度.如图1:
刚开始的时候,我是直接设置initialFrameWidth=null的.效果如图2:
这样子UEditor百度富文本编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给initialFrameWidth属性.
这样子确实是可以在第一次加载的时候适应屏幕宽度,但是却似乎宽度稍微过了一点点,超过上面的灰条了.而且这里还有一个问题:
当你改变浏览器大小时,会有个很严重的排版BUG.
由于它不会自适应宽度.所以会发现编辑器宽度溢出.如图3:
解决方案:
1.打开/ueditor/ueditor.config.js
找到initialFrameWidth属性,默认值是1000.即是initialFrameWidth: 1000
把值更改为'100%' , 即是initialFrameWidth: '100%'
保存后,刷新浏览器再看看...
效果如图4:
相关文章
- 窃贼地精联机卡了怎么办？窃贼地精联机失败最新解决方法 07-27
- 万达影城app能改签吗 操作方法介绍 07-27
- 逆战未来雷霆之影 逆战未来雷霆之影最强搭配与实战技巧指南 07-27
- 逆战未来昆仑神宫 逆战未来昆仑神宫玩法解析与实战技巧 07-27
- 逆战未来竞技模式 逆战未来竞技模式玩法详解与上分技巧 07-27
- 逆战未来伯特的审判 逆战未来伯特的审判玩法解析与实战评测 07-27