获取ckeditor编辑器里的内容

来源:网络 文章列表 2018-12-24 8
本文通过CKEditor的api,对ckeditor进行获取值,设置值进行操作。

CKEditor是一款非常好用的编辑器,但是我们很多时候,在提交表单的时候希望对提交的内容进行一个检测,比如违禁词检测,检测通过了才进行表单的提交。那么我们就需要获取CKEditor编辑器里的内容。

假设我们的编辑器是这样的

<textarea id="myck" class="ckeditor" name="myck" rows="30" cols="20">Ckeditor内容</textarea>
<input type="button" class="selectButton" value="获取内容" onclick="getContent();" />

获取CKEditor编辑器里带html标签的内容

var txt = CKEDITOR.instances.myck.getData(); // 取得带html标签的内容 注意:myck是ckeditor的id或者name       

可能我们不想要有html标签,只想获取纯文本的内容,那么可以这样

获取CKEditor里纯文本的内容

var txt =CKEDITOR.instances.myck.document.getBody().getText(); // 取得带编辑器里纯文本的内容 注意:myck是ckeditor的id或者name 

给CKEditor编辑器里设置值

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

获取CKEditor被选中的内容

var mySelection = CKEDITOR.instances.myck.getSelection();
if (CKEDITOR.env.ie) {
  mySelection.unlock(true);
  data = mySelection.getNative().createRange().text;
} else {
  data = mySelection.getNative();
}

 

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论

友情链接