Umeditor使用笔记

开始一直用的完整版的，由于第一次用的时候就用的完整版的，此次想换一个的缘由是——以为mini版本的颜值比较高？？？（什么鬼，功能也比较简单，可是呢，够用了。

接下来讲说我踩的坑。

1.图片没法正常缩放，缘由大概是跟前端框架css有冲突

，layui啊bootstrap啥的，因而乎在umeditor的css末端加上以下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;}

问题解决，如今正常缩放了。

 

2.全屏问题

开始的时候点了全屏发现工具栏不见了，我觉得是版本bug，可是不是的，是由于我本身用的前段模板把顶部层级设置成了一个1030（这又是什么鬼...），z-index改为1,如今工具栏不会“消失”了。可是全屏以后高度只有编辑器高度只有500px，这就形成了个人屏幕只有上半部分是编辑器，下面都是空白，右边的滚动条高度也只有半个屏幕，很心塞，开始的时候因为想在非全屏模式下比较好处理编辑器，就设置了

autoFloatEnabled:false

自动增加高度，默认是true的，改回true以后全屏就能铺满整个屏幕了。

3.图片上传路径

返回的格式须要是json，内容以下：

            $jsonArr=[
                "state"     => "SUCCESS",
                "original"  => $original['name'],
                "size"      => $info->getSize(),
                "title"     => $info->getFilename(),
                "type"      => $original['type'],
                "url"       =>'/uploads/editor/'.$imgName
            ];

而后要在配置js里面改路径