ueditor 与 bootstrap 共用导致图片缩放大小出问题

转自  https://blog.csdn.net/playboyanta123/article/details/69950909

UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器，具有轻量，可定制，注重用户体验等特点，基于MIT协议，功能很强大。最近在使用的过程中发现其中上传的图片（或者插入已有的表情包图片）都无法正常缩放，选中图片，用鼠标点击并拖动图片边沿的小标签，图片只能缩小不能放大，还有时只能放大不能缩小。尝试过很多方法都没办法解决，甚至检查了js源码，也没有发现有任何异常的地方。

　　功夫不负有心人，后来检查发现页面上引入了Bootstrap，而Bootstrap默认将box-sizing样式统一设成border-box了。正是这个坑导致ueditor的图片无法进行缩放，唉。。。下面是解决方案：

在ueditor.min.css中加入如下代码，这个坑算是填满了！！

 

1. .edui-container *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

2. .edui-container *:before,.edui-container *:after {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}