首页 > Web开发 > 详细

JS获取CkEditor在线编辑的内容

时间:2018-01-27 00:10:04      阅读:443      评论:0      收藏:0      [点我收藏+]

参考博文:【实践】获取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 + "项目介绍不能为空!";
              }

 

JS获取CkEditor在线编辑的内容

原文:https://www.cnblogs.com/wuling129/p/8361829.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!