UEditor控件的图片无法正常缩放(“大坑”)
来源:互联网 发布:淘宝宝贝详情文字描述 编辑:程序博客网 时间:2024/04/30 12:58
UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器,具有轻量,可定制,注重用户体验等特点,基于MIT协议,功能很强大。最近在使用的过程中发现其中上传的图片(或者插入已有的表情包图片)都无法正常缩放,选中图片,用鼠标点击并拖动图片边沿的小标签,图片只能缩小不能放大,还有时只能放大不能缩小。尝试过很多方法都没办法解决,甚至检查了js源码,也没有发现有任何异常的地方。
功夫不负有心人,后来检查发现页面上引入了Bootstrap,而Bootstrap默认将box-sizing样式统一设成border-box了。正是这个坑导致ueditor的图片无法进行缩放,唉。。。下面是解决方案:
在ueditor.min.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;}
0 0
- UEditor控件的图片无法正常缩放(“大坑”)
- UEditor控件图片无法正常缩放
- Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放
- ueditor图片无法左右对齐的解决
- ubuntu14.04 imagemagic 图片缩放 ‘大坑‘
- Asp.net2.0部署时TreeView控件无法正常显示没有图片的问题
- 一张无法正确缩放的诡异图片
- OpenCV的imshow无法正常显示图片
- OpenCV的imshow无法正常显示图片
- OpenCV的imshow无法正常显示图片
- webview无法正常显示图片的问题
- OpenCV的imshow无法正常显示图片
- UEditor 第一次加载正常,第二次无法正常加载问题
- UEditor 第一次加载正常,第二次无法正常加载问题
- UEditor 第一次加载正常,第二次无法正常加载问题
- WPF图片控件的旋转、缩放、翻转
- WPF图片控件的旋转、缩放、翻转
- 可双指缩放的图片控件_PhoteView
- adb常用命令
- 机器学习的大局观:使用神经网络和TensorFlow来对文本分类
- 关于tinker自动生成application失败的问题
- 什么是依赖注入
- 终于“比较”完美地解决了Linux下的字体问题
- UEditor控件的图片无法正常缩放(“大坑”)
- Android 通过反射调用获取内置存储和外置sd卡根路径(适用于各个版本)
- Mybatis在控制台打印执行的sql语句
- 软件销售一个多月的感想
- Spring(九):Spring AOP Annotation
- 找出、保存整形数组中的非重复项/重复项---java
- Thymeleaf使用过程中遇到的坑
- 安卓客户端通过socket与服务器进行通讯
- java static 与 static静态代码块