1. 程式人生 > >限制拖放UEditor的寬度不超過它的父容器大小

限制拖放UEditor的寬度不超過它的父容器大小

有關拖放bug的問題可以參照上一篇
實際應用中還會遇到另一個問題,拖放UEditor的寬度沒有限制,很容易超過它的父容器的寬度。
這裡寫圖片描述
超過容器邊界,超出的部分就被遮擋了,這不是我們想要的,因此,要對它的寬度進行限制,程式碼如下

            editor.ready(function (obj) {
                var editorId = '#' + editor.container.id;
                $(editorId).resize(function () {
                    $(editorId + '_iframeholder'
).width($(this).width()); }); $(editorId).css('max-width', $(editorId).parent().width()); });

(editorId).css(maxwidth,(editorId).parent().width());
上面這句就是關鍵了,設定UEditor最外層DIV的寬度不得超過包裹它的容器,因此隨意拖放,編輯器的寬度都不可能跑出去