富文本编辑器---------ckeditor

Posted summeronlyone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了富文本编辑器---------ckeditor相关的知识,希望对你有一定的参考价值。

1、下载https://ckeditor.com/ckeditor-4/download/ 将下载下来的文件夹整个放入项目中

2、<script src="../../..//ckeditor/ckeditor.js"></script> 引入js代码

3、

<div class="layui-form-item">
<textarea id="releasesContent" name="releasesContent" rows="5" cols="80"></textarea>
</div>

4、js

//替换文本域为ckeditor,变成副文本编辑器
var content = CKEDITOR.replace("releasesContent");

//获取内容的值

content.getData();

以上是关于富文本编辑器---------ckeditor的主要内容,如果未能解决你的问题,请参考以下文章

富文本编辑器CKEditor的使用

Ckeditor富文本编辑器

ckeditor-vue2.0 接入富文本框

富文本编辑器 CKeditor 配置使用 (带附件)

富文本编辑器---------ckeditor

Flask 项目集成富文本编辑器 CKeditor