《如何讓百度UMeditor在線編輯器的寬度自適應？》要點：
本文介紹了如何讓百度UMeditor在線編輯器的寬度自適應？，希望對您有用。如果有疑問，可以聯系我們。

相關主題：JS、Jquery插件 / ueditor在線編輯器

百度編輯器UMeditor在生成富文本編輯框以后，改變窗口大小會出現橫向滾動條，即使你調用接口設置了編輯器的寬度為100%。如：

var um = UM.getEditor('<%=txtContent.ClientID%>');
um.setWidth("100%");

這是由于UMeditor內部生成了一個css類為“edui-body-container”的DIV來呈現用戶輸入區域，而這個div的寬度是獲取的目標元素的寬度絕對值。這也就解釋了如果目標元素的寬度比較小，我們即使設置了UMeditor的寬度為100%，可編輯區域也會比較小的現象。

我們可以有兩種方式來解決：

第一、修改源碼，找到生成edui-body-container的位置，將其修改掉；

第二、直接在初始化UMeditor以后設置edui-body-container寬度即可。

我是懶人，修改源碼還需要找到具體位置，修改完還要測試啥的，如果是壓縮過的mini包修改起來就更麻煩了。所以，我選取的是后一種方式，只需要加上一句話：

var um = UM.getEditor('<%=txtContent.ClientID%>');
um.setWidth("100%");
$(".edui-body-container").css("width", "98%");

由于是類選擇器，如果一個頁面中有多個UMeditor，則初始化完所有的編輯器后寫一遍

$(".edui-body-container").css("width", "98%");

就可以了。

原文地址：http://www.cnblogs.com/yuanyuan/p/4040700.html

轉載請注明本頁網址：
http://www.snjht.com/jiaocheng/82.html