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. 【转】MFC编辑框自动换行,垂直滚动条自动下移

    1.新建一个编辑框控件(Edit Control),将其多行(Multiline)前面打勾(属性设置为True),Auto HScroll前面的勾去掉(属性设置False),这样就可以实现每一行填满后 ...

  2. Python学习记录4(语句)

    赋值语句 序列解包 条件语句 语句块 布尔变量 条件执行和if语句 条件运算符 循环 while语句 for循环 迭代工具 跳出循环 break continue while truebreak语句 ...

  3. NOIP模拟赛 不等数列

    [题目描述] 将1到n任意排列,然后在排列的每两个数之间根据他们的大小关系插入“>”和“<”.问在所有排列中,有多少个排列恰好有k个“<”.答案对2012取模. [输入格式] 第一行 ...

  4. mysql EOF

    mysql shell 执行脚本 #!/bin/bash export PATH=/sbin:/bin:/usr/sbin:/usr/bin:/usr/local/mysql-5.6/bin:/usr ...

  5. MySQL在windows上的安装步骤

    参考文章MySQL安装及建议:https://zhuanlan.zhihu.com/p/44977117 但在进入mysql中修改root命令时,使用文章中的命令: ALTER USER 'root' ...

  6. [译]The Python Tutorial#5. Data Structures

    [译]The Python Tutorial#Data Structures 5.1 Data Structures 本章节详细介绍之前介绍过的一些内容,并且也会介绍一些新的内容. 5.1 More ...

  7. ACM 广度优化搜索算法总结

    广度优化搜索算法的本质:要求每个状态不能重复,这就需要我们:第一次先走一步可以到达的状态,如果还没有找到答案,就需要我们走到两步可以到达的状态.依次下去 核心算法:队列 基本步骤:          ...

  8. list_for_each_entry()函数分析

    list_for_each原型: #define list_for_each(pos, head) \ for (pos = (head)->next, prefetch(pos->nex ...

  9. re--findall 【转】

    原文链接 python re 模块 findall 函数用法简述 代码示例: >>> import re >>> s = "adfad asdfasdf ...

  10. HBase0.94.2-cdh4.2.0需求评估测试报告1.0之四

    第二组:文件存储读过程记录 第一组:一个列,四个分区,随机ID 测试列和分区 测试程序或命令 导入文件大小(Mb) 导入文件个数(个) 是否触发flush事件(布尔) 是否触发compact事件(布尔 ...