Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
更新时间：2016年09月15日 11:04:31 投稿：mrr
这篇文章主要介绍了Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案的相关资料,需要的朋友可以参考下
UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器，具有轻量，可定制，注重用户体验等特点，基于MIT协议，功能很强大。最近在使用的过程中发现其中上传的图片（或者插入已有的表情包图片）都无法正常缩放，选中图片，用鼠标点击并拖动图片边沿的小标签，图片只能缩小不能放大。尝试过很多方法都没办法解决，甚至检查了js源码，也没有发现有任何异常的地方。
后来无意中发现页面上引入了Bootstrap，而Bootstrap默认将box-sizing样式统一设成border-box了。具体内容可以查看Bootstrap的发布日志：http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/
有关box-sizing样式的定义和用法可以看这里：http://www.w3school.com.cn/cssref/pr_box-sizing.asp
Bootstrap中有影响的css：
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
我们只需要在页面上重新定义css来覆盖Bootstrap中的上述样式即可，如：
.edui-container *{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.edui-container *:before,
.edui-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
* .edui-container为引用UEditor组件的父元素上使用的css class。
以上所述是小编给大家介绍的Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案的全部叙述，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
下面小编就为大家带来一篇js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
比较不错的用cookies实现的可记忆的样式切换效果，这个思路也在一定程序，方便客户的长期使用。2007-12-12
这篇文章主要介绍了JS实现网页背景颜色与select框中颜色同时变化的方法,实例分析了javascript操作select及css样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
最近在学习javascript中遇到了一些困难，比如冒泡和捕获，很多次被提到，但又不知究竟应用在何处。找到了一些好文章解惑，在这里分享给大家。2015-05-05
小程序的音频组件居然没有进度控制的功能，需要我们自己实现，下面脚本之家小编给大家带来了微信小程序多音频播放进度条问题，感兴趣的朋友一起看看吧2018-08-08
这篇文章主要介绍了js如何实现日历，帮助大家完成需求，提高对js的理解，感兴趣的朋友可以了解下2020-11-11
JavaScript中的任务分为宏任务和微任务，它们的执行顺序会影响代码的执行结果。了解它们的机制可以帮助我们更好地理解事件循环和异步编程，避免出现一些意想不到的错误2023-05-05
javascript 动态table添加colspan\rowspan 参数的方法
动态的给某个表对象添加列属性和行属性，采用obj.setAttribute("rowspan",n)(即rowspan=n)不能生效。2009-07-07
最近做东西需要添加大量的事件，而且要对所有事件进行比较细致的控制，于是便试着写了个事件监听器。2010-05-05
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
这篇文章主要介绍了bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法 ,本文给大家分享几种解决方法，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-07-07
最新评论