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

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

在網上找了一大圈都沒有找到我想要的結果,沒辦法,看了部分的KindEditor官方文件,現在來稍微總結一下。

正文:

如何獲取多個KindEditor中textarea文字框的值,方式很多種(帶有HTML標籤)。

	var introduction = document.getElementById("richText").value;  // 原生態指令碼
	var b = $('#content').val();	//jQuery 
	var html = editor.html();	//KinEditor 

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文字框是否為空呢?

例:

        一個:

		if(editor.isEmpty()){		//isEmpty() 是非空判斷
			alert('當前文字框的值為空');
		}

        多個(可用迴圈):

		if(KindEditor.instances[0].isEmpty() && KindEditor.instances[1].isEmpty() && KindEditor.instances[2].isEmpty()){
			alert('當前所有文字框的值都為空');
		}

好了,那就沒了。

想要知道更多,請去KindEditor官網的文件學習~~~~~~

相關推薦

KindEditor獲取textarea文字判斷

在網上找了一大圈都沒有找到我想要的結果,沒辦法,看了部分的KindEditor官方文件,現在來稍微總結一下。 正文: 如何獲取多個KindEditor中textarea文字框的值,方式很多種(帶有HTML標籤)。 var introduction = docume

KindEditor獲取textarea文本判斷

div 編輯器 fill star fontsize 取值 pop 獲取 sta kindeditor官網:http://kindeditor.net/demo.php 如何獲取多個KindEditor中textarea文本框的值,方式很多種(帶有HTML標簽)。

jquery怎樣獲取復選

target ssa cti contain 樣式 val value css樣式 UNC jquery的遍歷方法可以獲取復選框所欲的選中值 1 2 $("input:checkbox:checked").each(function(index,element

迴圈獲取input標籤的

<script> var str = ''; $(".a").each(function(index,element){        str += $(this).val()+','; }); str = str.substr

layui 日期文字選擇日期的方法

這些都是動態增加只有layui版本是1.0.9才可以這樣子。方法:<input type='text' name='starttime[]' class='layui-input' style='

[講解]sql except和intersect運算符(比擬兩select語句的結果前去重復)

sts reat rop 實現 create select int inter 兼容 圖 1 UNION 中若有重復的行,會被移除,只留下一個 1.簡介 EXCEPT和INTERSECT運算符使您可以比較兩個或多個SELECT語句的結果並返回非重復值。 2.區別

JQuery 同時獲取標籤的指定內容儲存為陣列

文章來自:原始碼線上https://www.shengli.me/jquery/271.html       此時的list1的陣列中   每個元素已經不是'li'物件,如此執行控制檯會報錯: &nbs

從頁面獲取相同name的input文字的方法

第一種用each遍歷 $("input[name='productNames']").each(function(){ if( $(this).val().trim() == '') {  laye

form表單提交下拉獲取select選項,name相同

<tr>                         <th>吃飯</th>                         <td>                             <select name=point id=point>

jquery multiselect如何實現下拉獲取選項的

    今天做專案遇到了一個需要用多選框實現多選功能、並將多選框的值傳到後臺實現插入一張表的問題,最開始一直在想用複選框實現多選功能,後來發現做起來頁面不好看,最後在網上查資料,想找到一種方便使用的外掛,最後選擇了multiselect這個外掛。     首先簡單說下我要實

shell 腳本中獲取mysql字段的

mysql 腳本 shel 從mysql中查詢出的結果為:mysql -Ne "SELECT ip,port FROM op.host WHERE os=‘linux‘ and type=‘支持‘" +------------+------+ | 10.3.1.155 | 22 | | 10.

python如何獲取excel單元格的

load 解決 info ace 多層嵌套 traceback spa 數據 多個 一. 獲取多個單元格的值報錯:AttributeError: ‘tuple‘ object has no attribute ‘value‘ 需要讀取的sample.xlsx 代碼讀取的是

在js中無法獲取id為demo的問題

例如程式碼中: <script> $(document).ready(function(){ $("#demo").hover(function(){ $("h1").css("background-color","yellow"); },function(){

js如何獲得checkbox選中的及input後面所跟的文字

 function termRow(){     //定義返回結果集     var termInfos=[];     //迴圈所有tr     //陣列拼接通過“,”拼接在一

KindEditor、同時繫結文字編輯器

       var options = { filterMode : false, allowImageUpload : true, items : [

如何在JSP中獲取html中複選中的內容

html中複選框的程式碼 愛好: 看書 <input type="checkbox" name="userHobby" id="checkbox" value="Read"/> <label for="checkbox"></label> 打球

jQuery:同一class下,如何獲取div的中的最大高度

第一:要理解Jq中的獲取高度的三個方法height()、 innerHeight()、outerHeight() height():height innerHeight():height+padding outerHeight():height+padding+bo

使用ajax給頁面的下拉動態賦

 一。前臺頁面 $.post("${ctx}/basedata/baseData.do?method=queryPlantUnitList",function(data){             var optionvalue=eval("("+data+")");

獲取選下拉(select標籤設定multiple屬性)的

<select multiple>不能直接獲取value,需要藉助該元素的options屬性。如下: <select id="select" multiple> <option value="1">1111</option> &

jsp獲取到的文字

話不多說,直接上例子 Html <input type=”button”/”submit”  name=”mytext” value=”bt” onclick=”window.location.href=’myjsp.jsp’”> Myjsp.jsp Stri