JS修改CKEDITOR的textarea内容

4月/24日


在切图网的一个前端外包项目中遇到的,一个学校的作业答题类的网站项目需要有编辑器功能,于是果断采用了主流的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);

切图网始于2007年, 前端外包 服务拓荒者、领航者,提供专业的前端外包服务,微信公众号 qietuwang