zoukankan      html  css  js  c++  java
  • UMeditor宽度自适应

    百度编辑器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%");

    就可以了。

  • 相关阅读:
    Reinforcement Learning Qlearning 算法学习3 AI
    2012年末工作中遇到的问题总结及感悟
    对JMS的一些认识
    readme
    数据库表扩展字段设计思路
    对网络安全性和apache shiro的一些认识
    JDK版本的了解
    下拉框“数据字典”设计
    缓存学习总结
    apache commons包简介
  • 原文地址:https://www.cnblogs.com/yuanyuan/p/4040700.html
Copyright © 2011-2022 走看看