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

1.CKeditor官网下载
我用的是标准包

2.引入js。

<script src="../js/ckeditor/ckeditor.js"></script>
<script src="../js/ckeditor/config.js"></script>

3.html

<textarea name="editor" id="editor" rows="10" cols="60"></textarea>

4.js配置。

 <script>
        CKEDITOR.replace('editor', {
            height: '400',
            width: '600',
        })
 </script>

现在打开页面就可以使用富文本编辑器了。

5.取值：
获取富文本编辑器的带HTML标签内容

CKEDITOR.instances.editor.getData();  //<p>这是一个编辑器</p>

获取纯文本内容

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

6.赋值

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

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