KindEditor獲取多個textarea文本框的值並判斷非空
阿新 • • 發佈:2017-10-08
div 編輯器 fill star fontsize 取值 pop 獲取 sta
kindeditor官網:http://kindeditor.net/demo.php
如何獲取多個KindEditor中textarea文本框的值,方式很多種(帶有HTML標簽)。
var introduction = document.getElementById("richText").value; // 原生態腳本 var b = $(‘#content‘).val();<span style="white-space:pre"> //jQuery var html = editor.html();<span style="white-space:pre"> //KinEditor </span></span>
KindEditor官方文檔提供了獲取純文本的方法:
-
var a = editor.text();// 獲取純文本
以上是獲取一個文本框的值,那麽如何獲取多個文本呢?在此就不介紹原生態和jQuery的獲取方式了,只介紹KindEditor自身是如何獲取的
在KindEditor的官方文檔上,有一行小字,本人瞅了很長時間才瞅到了,是這樣說的:
(麻蛋,這麽重要不搞個大點的標題。)
也就是說,當你在一個頁面創建多個KindEditor實例時,它自己已經創建了一個數組來保存你所創建的KEditor對象
拿到了KEditor對象之後,那麽你想調用哪個KindEditor方法就可以咯~~~~~
例:
如果一個頁面上創建了三個KindEditor編輯器甚至更多。
var a = KindEditor.instances[0].text(); //獲取第一個KindEditor實例的純文本 var b = KindEditor.instances[1].text(); //....第二個... var c = KindEditor.instances[2].text(); //....第三個... //... //後面無數個...var c = KindEditor.instances[0].html(); //獲取值,帶有HTML標簽 //...獲取多個,同上...
那麽,如果要判斷KindEditor中textarea文本框是否為空呢?
例:
一個:
[javascript] view plain copy
-
if(editor.isEmpty()){ //isEmpty() 是非空判斷 alert(‘當前文本框的值為空‘); }
多個(可用循環):
[javascript] view plain copy
if(KindEditor.instances[0].isEmpty() && KindEditor.instances[1].isEmpty() && KindEditor.instances[2].isEmpty()){ alert(‘當前所有文本框的值都為空‘); }
好了,那就沒了。
想要知道更多,請去KindEditor官網的文檔學習~~~~~~
KindEditor獲取多個textarea文本框的值並判斷非空