前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >UEditor百度富文本编辑器 设置百分比宽度

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

作者头像
德顺
发布2023-08-24 14:13:25
7120
发布2023-08-24 14:13:25
举报
文章被收录于专栏:前端资源前端资源

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

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

解决方案:

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

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

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

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

  1. 用JS配置宽高:
代码语言:javascript
复制
UE.getEditor('editor',{initialFrameWidth:'100%',initialFrameHeight:180});

注意:

initialFrameWidth 设置宽度

initialFrameHeight 设置高度

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

未经允许不得转载:w3h5-Web前端开发资源网 » UEditor百度富文本编辑器 设置百分比宽度

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-07-10),如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档