前端時(shí)間寫頁面使用了模態(tài)框里面引用ueditor百度編輯器杭跪,(我用的ueditor是1.4.3.2 PHP 版本 涧窒,其他版本基本類似)
遇到了bug纬乍,當(dāng)編輯器里面的內(nèi)容很多的時(shí)候床蜘,工具欄浮動(dòng)到模態(tài)框頂部晰洒,很尷尬幔荒!如圖所示:
正常情況應(yīng)該是這樣
正常情況
當(dāng)編輯器中內(nèi)容多了以后糊闽。遇到bug,工具欄浮動(dòng)到了模態(tài)框頂部
兩種解決方案:
方案一:
在ueditor 的配置文件ueditor.config.js里找到? autoFloatEnabled 爹梁,把a(bǔ)utoFloatEnabled設(shè)置為false
這樣修改有一個(gè)弊端右犹,就是工具欄不會(huì)浮動(dòng),這樣當(dāng)你的文章比較長(zhǎng)的時(shí)候姚垃,需要設(shè)置格式時(shí)念链,會(huì)需要滑動(dòng)到上方去找工具欄,如圖
方案二:
需要修改源碼积糯,在ueditor.all.js 搜索關(guān)鍵詞 autoFloatEnabled掂墓,找到工具欄設(shè)置浮動(dòng)的代碼
1、找到 function setFloating()
修改如下:
紅框內(nèi)的id改為自己模態(tài)框的id名稱看成,此處的更改至兼容主流瀏覽器君编,ie沒有修改,如果需要可以自行修改川慌,改if語句內(nèi)的代碼
2吃嘿、找到 me.addListener('destroy',function(){}
修改如下:
將id改為自己模態(tài)框定義的id
3祠乃、找到 me.addListener('ready', function(){}
修改如下:
修改id
ok,現(xiàn)在就已經(jīng)實(shí)現(xiàn)了兑燥,模態(tài)框里下拉亮瓷,ueditor百度編輯器跟著頁面浮動(dòng)的功能了!