zoukankan      html  css  js  c++  java
  • JS获取CkEditor在线编辑的内容

    参考博文:【实践】获取CKEditor的html文本、纯文本、被选中的内容及赋值

    1、获取CKEditor被选中的内容

    var mySelection = CKEDITOR.instances.WORK_INTRODUCTION.getSelection();
            if (CKEDITOR.env.ie) {
                mySelection.unlock(true);
                data = mySelection.getNative().createRange().text;
            } else {
                data = mySelection.getNative();
            }
    2、获取CKEditor纯文本
     var CText=CKEDITOR.instances.WORK_INTRODUCTION.document.getBody().getText(); //取得纯文本       

    3、获取CKEditor带HTML标签的文本
    var CHtml= CKEDITOR.instances.WORK_INTRODUCTION.getData();

    4、给CKEditor赋值

    CKEDITOR.instances.WORK_INTRODUCTION.setData("要显示的文字内容");

    我的写法:

    html中:

    <asp:TextBox ID="txt_ProjectIntroduce" runat="server" TextMode="MultiLine" class="ckeditor" onKeyUp="isProjectIntroduceNull();" onblur="isProjectIntroduceNull();"></asp:TextBox>
                                        <script type="text/javascript">
                                            if (typeof CKEDITOR == 'undefined') {
                                                document.write('加载CKEditor失败');
                                            }
                                            else {
                                                var editor_ProjectIntroduce = CKEDITOR.replace('txt_ProjectIntroduce');          // 创建编辑器
                                                CKFinder.setupCKEditor(editor, '../../PlugIns/ckfinder/');   // 为编辑器绑定"上传控件"
                                            }
    js脚本:
    str = CKEDITOR.instances.<%= txt_ProjectIntroduce.ClientID %>.document.getBody().getText(); //取得纯文本
                  //str 长度默认为 1
                  //alert("11" + str+ "22" + str.length );
                  if (str.length <2) {
                      strSummary = strSummary + "项目介绍不能为空!";
                  }
  • 相关阅读:
    Git
    Qcon2016上海站PPT
    TeamCity
    在cmd界面,怎么样退出Node.js运行环境
    python 2.x与python3.x的区别
    d3.max()与d3.min()
    d3.svg.line() 曲线构造器
    d3.js 之SVG:矢量化图形绘制
    moment.js 时间格式化库
    directive
  • 原文地址:https://www.cnblogs.com/wuling129/p/8361829.html
Copyright © 2011-2022 走看看