jQuery讀取和設定KindEditor值的方法
更新時間：2013年11月22日 09:03:56 作者：
這篇文章主要介紹了jQuery讀取和設定KindEditor值的方法，大家參考使用吧
在使用Kindeditor的時候，想要利用Ajax傳值，但是通過editor封裝的方法是行不通的，原因在于編輯器我們是放在另一個jsp頁面，通過iframe來加載的，同時這個iframe的display="none"的，要通過一個事件來觸發(fā)。
復制代碼 代碼如下:
<iframe src="../common/editor.jsp" frameborder="0" scrolling="no" style="margin: 0"
width="100%" height="300" name="zwFrame" id="zwFrameId"></iframe>
既然原本方法行不通，那我就只好通過jQuery來獲取了。首先我想到的是讀取內容“textarea”里面的內容，即：$(“#editor”).html()，但是這樣是獲取不到的。于是我想通過獲取iframe里面的內容來獲取，也沒有獲取到，最后通過firefox的debug查看找到最終結果：
從上面這個圖中可以看出，要獲取“今天天氣很好”這個內容，我們只需要獲取指定body里面的內容即可。
處理流程：首先獲取最外層的iframe，通過iframe取里面的子元素iframe，在進入一層取里面的body即可。如下：
復制代碼 代碼如下:
var editorText = $(window.frames['zwFrame'].document).find("iframe").contents().find("body");
var contents = editorText.html();
其中contents():查找匹配元素內部所有的子節(jié)點（包括文本節(jié)點）。如果元素是一個iframe，則查找文檔內容。
下面提供幾種獲取iframe里面元素內容的方法：
復制代碼 代碼如下:
$(document.getElementsByTagName("iframe")[0].contentWindow.document.body).html();
顯示iframe中body元素的內容
復制代碼 代碼如下:
$(document.getElementById("iframeId").contentWindow.document.body).html();
獲取iframe中textarea元素的內容
復制代碼 代碼如下:
$(window.frames["iframeName"].document).find("#textareaId").html();
相關文章
這篇文章主要介紹了JQuery如何按name屬性選擇元素問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
本文給大家匯總介紹了幾個jQuery中不常用的方法，記錄一下，分享給大家，有需要的小伙伴可以參考下。2015-07-07
jquery實現(xiàn)帶漸變淡入淡出并向右依次展開的多級菜單效果實例
這篇文章主要介紹了jquery實現(xiàn)帶漸變淡入淡出并向右依次展開的多級菜單效果,涉及jquery鼠標事件及頁面元素動態(tài)樣式設置的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
基于cookie實現(xiàn)zTree樹刷新后展開狀態(tài)不變
這篇文章主要為大家詳細介紹了如何基于cookie實現(xiàn)zTree樹刷新后，展開狀態(tài)不變，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
Lazy Load 是一個用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長頁面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置. 這與圖片預加載的處理方式正好是相反的2012-10-10
jQuery AJAX 調用WebService實現(xiàn)代碼
用jQuery調用其他項目的WebService的代碼，需要的朋友可以參考下。2010-03-03
使用jquery模擬a標簽的click事件無法實現(xiàn)跳轉的解決
這篇文章主要給大家介紹了關于使用jquery模擬a標簽的click事件無法實現(xiàn)跳轉的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
這篇文章主要介紹了jQuery中on()方法用法,實例分析了on()方法的功能、定義及在匹配元素上綁定一個或者多個事件處理函數的使用技巧,需要的朋友可以參考下2015-01-01
EasyUI 中combotree 默認不能選擇父節(jié)點的實現(xiàn)方法
下面小編就為大家?guī)硪黄狤asyUI 中combotree 默認不能選擇父節(jié)點的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了jQuery實現(xiàn)漸變彈出層和彈出菜單的方法,涉及jQuery漸變效果及css顯示的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02