1. 程式人生 > >KindEditor獲取多個textarea文本框的值並判斷非空

KindEditor獲取多個textarea文本框的值並判斷非空

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官方文檔提供了獲取純文本的方法:

  1. 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
  1. 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文本框的值並判斷非空