富文本编辑器CKeditor基本使用。

1.CKeditor官网下载
我用的是标准包
富文本编辑器CKeditor基本使用。_第1张图片
2.引入js。
富文本编辑器CKeditor基本使用。_第2张图片



3.html


4.js配置。

 

现在打开页面就可以使用富文本编辑器了。
富文本编辑器CKeditor基本使用。_第3张图片
5.取值:
获取富文本编辑器的带HTML标签内容

CKEDITOR.instances.editor.getData();  //

这是一个编辑器

获取纯文本内容

CKEDITOR.instances.editor.document.getBody().getText();  //这是一个编辑器

6.赋值

var text = '晚上吃什么?';
CKEDITOR.instances.editor.setData(text);

这是本章demo地址:下载地址
下一章介绍CKeditor的图片上传和视频上传,鼠标拖动修改图片大小位置。

你可能感兴趣的:(前端,前端富文本编辑器,ckeditor)