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選擇器進行了總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助2015-08-08
jquery validate和jquery form 插件組合實現(xiàn)驗證表單后AJAX提交
在ajax流行的時代，好像很少能看見傳統(tǒng)的同步提交表單方式了，是啊我們當然要用更加給力的AJAX來實現(xiàn)異步無刷新提交表單，好了開始今天的jQuery之旅吧，今天我們來利用jquery.validate和jquery.form 插件組合實現(xiàn)驗證表單后AJAX提交 ，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery左側大圖右側小圖焦點圖幻燈切換特效,帶有縮略圖的焦點圖切換代碼，簡單、時尚、大方，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了JQuery顯示、隱藏div的幾種方法簡明總結,本文總結了控制style、控制CSS、JQuery自帶方法等幾種顯示、隱藏div的方法,需要的朋友可以參考下2015-04-04
jQuery 實現(xiàn)在新窗口中打開鏈接方法，收集了幾個，大家可以根據(jù)需要選擇使用。2010-04-04
本篇文章主要介紹了jQuery中用on綁定事件時需注意的事項，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了jQuery實現(xiàn)的圖文高亮滾動切換特效,涉及jquery基于鼠標事件針對頁面元素遍歷與動態(tài)操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jQuery 創(chuàng)建Dom元素代碼，需要的朋友可以參考下。2010-05-05
這篇文章主要介紹了jQuery之關于resize()方法的使用，具有很好的價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了jQuery AJAX應用,結合實例形式總結分析了jQuery 使用AJAX訪問各種格式數(shù)據(jù)相關應用操作實現(xiàn)技巧,需要的朋友可以參考下2020-05-05