获取ckeditor编辑器里的内容
本文通过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();
}
版权声明
本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。
评论