zoukankan      html  css  js  c++  java
  • 【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官方文档提供了获取纯文本的方法:

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

  • 相关阅读:
    selenium-web自动化,常用api
    jmeter利用bean shell加密解密方法
    http请求属性说明(基础篇)
    移动端候选人面试要点
    CssSelector定位详解
    下载zip文件
    BeanShell生成随机中文字符
    BeanShell生成随机字符
    CentOS 7.2安装Oracle19C
    Centos7.4部署onlyoffice文档在线编辑服务器
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/7637079.html
Copyright © 2011-2022 走看看