【kindeditor】KindEditor获取多个textarea文本框的值并判断非空
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文本框是否为空呢?
例:
一个:
-
if(editor.isEmpty()){ //isEmpty() 是非空判断 alert('当前文本框的值为空'); }
多个(可用循环):
if(KindEditor.instances[0].isEmpty() && KindEditor.instances[1].isEmpty() && KindEditor.instances[2].isEmpty()){ alert('当前所有文本框的值都为空'); }
好了,那就没了。
想要知道更多,请去KindEditor官网的文档学习~~~~~~
【当你用心写完每一篇博客之后,你会发现它比你用代码实现功能更有成就感!】