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文本框是否为空呢?

例:

一个:

  1. if(editor.isEmpty()){       //isEmpty() 是非空判断
    alert('当前文本框的值为空');
    }

多个(可用循环):

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

好了,那就没了。

想要知道更多,请去KindEditor官网的文档学习~~~~~~

【kindeditor】KindEditor获取多个textarea文本框的值并判断非空的更多相关文章

  1. jquery设置文本框值 与获取文本框的值

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  2. 使用kindeditor获取不到富文本框中的值

    获取不到富文本框中的值,网上一搜一堆,但最终没有几个能解决问题的,折腾一番最终解决.注意就是红色代码,加上之后就可以解决问题了. KindEditor.ready(function (K) { var ...

  3. js/jquery获取文本框的值与改变文本框的值

    我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtb ...

  4. 如何限制textarea文本框的输入字数

    代码实例如下: <!doctype html><html><head><meta charset="UTF-8"><title ...

  5. 微信小程序-form表单-获取用户输入文本框的值

    微信小程序-form表单-获取用户输入文本框的值 <input name='formnickname' class="textarea" placeholder=" ...

  6. React-Native获取文本框的值

    要想获取文本框的值,首先我们需要看一下官方文档的解释: 这里的意思是说当文本框的内容改变的时候,文本框的输入的内容就会作为一个参数进行传递.因此我们就可以获取到文本框里面的内容就好了. constru ...

  7. Jquery实现 TextArea 文本框根据输入内容自动适应高度

    原文 Jquery实现 TextArea 文本框根据输入内容自动适应高度 在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能 ...

  8. jQuery实现限制input框 textarea文本框输入字符数量的方法

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  9. 限制textarea 文本框的长度(收集了几个办法)

    文章参考地址:http://blog.csdn.net/nhconch/article/details/4223076 需求背景: 前几天,因为客户有一个需求说,需要对一个评论(一个textarea文 ...

随机推荐

  1. 怎样将Oracle数据库设置为归档模式及非归档模式

    怎样将Oracle数据库设置为归档模式及非归档模式 1.Oracle日志分类 分三大类: Alert log files--警报日志,Trace files--跟踪日志(用户和进程)和 redo lo ...

  2. 01_1_jdom调用xml文件

    01_1_jdom调用xml文件 1. 导入jdom.jar包 2. xml文件内容 test.xml <?xml version="1.0" encoding=" ...

  3. UITableView上添加按钮,按钮点击效果延迟的解决办法

    在自定义的TableView的初始化方法做如下操作 - (instancetype)initWithFrame:(CGRect)frame { self = [super initWithFrame: ...

  4. rem和em的区别

    原文链接:http://caibaojian.com/rem-vs-em.html rem 单位如何转换为像素值 当使用 rem 单位,他们转化为像素大小取决于页根元素的字体大小,即 html 元素的 ...

  5. 关于PHP连接池扩展php-cp遇到的那些坑

    php-cp是国内大神写的php第三方扩展,具体就不用多说了,细读https://github.com/swoole/php-cp,下面来说说今天安装方法. 环境:CentOS7.2.1511 由于本 ...

  6. 17.Yii2.0框架模型添加记录

    目录 新建控制器 HomeController.php 新建model Article.php 新建控制器 HomeController.php D:\xampp\htdocs\yii\control ...

  7. 解决oh-my-zsh卡顿问题

    git config --global oh-my-zsh.hide-status 1

  8. manjaro kde netease-cloud-music 网易云音乐

  9. Python学习笔记:py2exe打包Python程序

    使用py2exe将一个Python程序打包成一个exe程序,这样Python程序也可以在没有安装Python的环境中运行Python程序了.使用这个工具需要写一个用于打包的setup.py文件(名称可 ...

  10. 关于缺失值NaN

    在Pandas中处理NaN值  https://blog.csdn.net/Tyro_java/article/details/81396000