Umeditor的图片缩放异常（个人开发记录）

最新推荐文章于 2021-03-16 11:09:24 发布

沧沧沧

最新推荐文章于 2021-03-16 11:09:24 发布

阅读量314

点赞数 1

文章标签： css js html

本文链接：https://blog.csdn.net/q140948940/article/details/107932371

版权

我遇到的问题是图片只能缩小并且会缩成一个点，百度了一下是由于使用了bootstrap以及layui造成的css问题，解决方案是
加上.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;
并且修改umeditor.js中的 initStyle 方法，在.edui-scale{后加入box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; 在引用UMeditor编辑器的页面添加css代码，这里注意 #editor 是引用的id

#editor img {
  box-sizing:content-box;
  -moz-box-sizing:content-box;
   -webkit-box-sizing:content-box;
}
#editor .edui-scale,
#editor .edui-scale * {
    box-sizing:content-box;
 -moz-box-sizing:content-box;
   -webkit-box-sizing:content-box;
}

建议加上!important 增加权重