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 + "项目介绍不能为空!";
              }

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

时间: 2024-10-09 20:49:47

JS获取CkEditor在线编辑的内容的相关文章

js获取用户页面复制的内容

使用window.getSelection()可以获取用户选择的文本内容,在配合copy事件或者键盘事件就可以获取用户在页面上复制的内容 配合copy事件来获取 document.addEventListener('copy', function() { var content = window.getSelection().toString(); console.log(content ) }) 配合键盘事件来获取 document.addEventListener('keyup', func

js获取节点和编辑的方法

获取: 1.document.getElementById() 靠id获取节点 2.document.getElementsByClassName() 靠类名获取节点集(数组) 3.document.getElementsByTagName() 靠标签名获取节点集(数组) 4.document.createElement() 创建新的节点 5.document.querySelector() 靠CSS选择符获取节点 6.document.querySelectorAll() 靠CSS选择符获取节

JS 获取上传文件的内容

<div> 上传文件 : <input type="file" name = "file" id = "fileId" /> <button type = "submit" name = "btn" value = "提交" id = "btnId" onclick="check()" /> 提交 </di

小胖说事36----iOS通过js 获取webview中的html内容

1)设置UIWebView delegate 2)在 - (void)webViewDidFinishLoad:(UIWebView *)webView { }中 执行如下代码 : NSString *jsToGetHTMLSource = @"document.getElementsByTagName_r('html')[0].innerHTML"; NSString *HTMLSource = [self.webView stringByEvaluatingJavaScriptFr

如何通过js获取iframe框架中的内容

在父窗口中获取iframe中的元素 IE下:格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("btnOk").click(); 都支持的方法:格式:document.getElementById("ifram

javascript获取ckeditor编辑器的值(实现代码)

CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;} content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传 刚有个朋友反应说FIREFOX下不能判断为空

Node.js 切近实战(九) 之Excel在线(在线编辑)

最近实在是太想去西藏了,我自己总是喜欢人少的旅游地,喜欢一望无垠,喜欢蓝天白云大草原. 之前有一节我给大家讲过文件列表,如下,今天我们要讲的就是Excel在线编辑. 当我们双击文件图标的时候会跳转到一个Excel修改界面,如下. ok,这里我们使用的依然是Telerik Kendo UI中的SpreadSheet,看一下这个Spread Sheet是如何用的. 我们定义一个spreadsheet的div,我们看一下这个div怎么生成sheet. $("#spreadsheet").ke

JS获取中文拼音首字母,并通过拼音首字母快速查找页面内的中文内容

实现效果: 图一: 图二: 此例中输入的中文字符串"万万保重",有三个字是多音字,所以alert对话框中显示的是多种读音的组合: 如何实现? 如何实现通过拼音首字母快速查找页面内的中文内容呢? 过程原理是这样的:例如要对一些人名进行快速查找,当页面加载完成后,对所有人名建立一个索引,生成拼音首字母与姓名的对应关系:然后监听键盘事件,当用户按下键盘时,根据键值得到按下的是哪个字母,然后遍历索引中是否存在相同的拼音首字母: 这里还实现了根据字母组合来查找的功能,原理是这样的:当用户按键时,

js获取编辑框游标的位置

代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js获取编辑框游标的位置<