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裏面改路徑