UEditor編輯器實現編輯器自適應寬度的解決方案

UEditor百度富文字編輯器的initialFrameWidth屬性,預設值是1000.

不能夠自適應螢幕寬度.如圖1:

剛開始的時候,我是直接設定initialFrameWidth=null的.效果如圖2:

 

這樣子UEditor百度富文字編輯器會在第一次載入的時候擷取螢幕寬度,然後賦值給initialFrameWidth屬性.
這樣子確實是可以在第一次載入的時候適應螢幕寬度,但是卻似乎寬度稍微過了一點點,超過上面的灰條了.而且這裡還有一個問題:
當你改變瀏覽器大小時,會有個很嚴重的排版BUG.
由於它不會自適應寬度.所以會發現編輯器寬度溢出.如圖3:

解決方案:

1.開啟/ueditor/ueditor.config.js
找到initialFrameWidth屬性,預設值是1000.即是initialFrameWidth: 1000
把值更改為'100%' , 即是initialFrameWidth: '100%'
儲存後,重新整理瀏覽器再看看...

效果如圖4: