2019年4月24日

JS修改CKEDITOR的textarea内容


在切图网的一个前端外包项目中遇到的,一个学校的作业答题类的网站项目需要有编辑器功能,于是果断采用了主流的CKEDITOR编辑器,然后还需要js修改CKEDITOR的内容,要利用CKEDITOR的JavaScript API接口,下面方法亲测有用。

getData() 获取编辑器的内容
setData() 设置编辑器的内容
insertHTML() 在当前光标位置插入HTML代码

不过遗憾的是没有在末尾追加HTML代码的函数,但是可以使用getData()和setData()组合使用实现。
假设编辑器替换的TextArea的id位myEditor,则使用方法如下:
var htmlData=CKEDITOR.instances.myEditor.getData();
var appEndData=”追加的内容”;
var theData=htmlData+appEndData;
CKEDITOR.instances.myEditor.setData(theData);

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》