KindEditor获取多个textarea文本框的值并判断非空

Posted 2020-10-09 Qiao_Zhi

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官网的文档学习~~~~~~