UMeditor宽度自适应
2024-09-20 17:19:23
百度编辑器UMeditor,生成富文本编辑框以后,改变窗口大小会出现横向滚动条,即使你调用接口设置了编辑器的宽度为100%。如:
var um = UM.getEditor('<%=txtContent.ClientID%>');
um.setWidth("100%");
这是由于UMeditor内部生成了一个css类为“edui-body-container”的DIV来呈现用户输入区域,而这个div的宽度是获取的目标元素的宽度绝对值。这也就解释了如果目标元素的宽度比较小,我们即使设置了UMeditor的宽度为100%,可编辑区域也会比较小的现象。
那么,问题来了,中国挖掘机哪家强呢?:)
我们可以有两种方式来解决:
第一、修改源码,找到生成edui-body-container的位置,将其修改掉;
第二、直接在初始化UMeditor以后设置edui-body-container宽度即可。
我是懒人,修改源码还需要找到具体位置,修改完还要测试啥的,如果是压缩过的mini包修改起来就更麻烦了。所以,我选取的是后一种方式,只需要加上一句话:
var um = UM.getEditor('<%=txtContent.ClientID%>');
um.setWidth("100%");
$(".edui-body-container").css("width", "98%");
由于是类选择器,如果一个页面中有多个UMeditor,则初始化完所有的编辑器后写一遍
$(".edui-body-container").css("width", "98%");
就可以了。
最新文章
- 代码的坏味道(13)——过多的注释(Comments)
- 一句话爆破速度提升一千倍python脚本
- C# 值类型和引用类型
- APICloud:轻松6步完成App软件开发
- mybatis中当实体类的字段名和表结构中的字段名不一致的时候的处理
- 《计算机问题求解》总结——2014年CCF计算机课程改革导教班(2014.07.11)
- hdu 4412 利用单调性的动态规划
- easyui-dialog中文件上传处理
- C++中用二维数组传参时形参该怎样写[转]
- HDU-4631 Sad Love Story 平面最近点对
- lesson4:利用jmeter来压测数据库
- AFN
- Elasticsearch5.0.1安装
- h5可预览 图片ajax上传 ,后台有点弱不知道数据怎么取,但是可以肯定数据上传成功了
- CLR 简介
- OSG嵌入QT(QT界面使用Qt Designer编辑)
- SDL播放YUV——循环
- spring源码:Aware接口
- FlexItem 多行测试
- 转:css知多少(12)——目录