富文本编辑器KindEditor的使用

Posted panshu-1234

tags:

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

       富文本编辑器KindEditor,是一种可内嵌于浏览器,所见即所得的文本编辑器。它是一种解决可一般的用户不同html等网页标记但是需要在网页上设置字体的颜色、大小、样式等信息问题一个文本编辑器

第一步

引入三个文件(一个css,两个js)

 技术分享图片

 

第二步

创建textarea控件

 技术分享图片

 

第三步

创建初始化方法createEditor

(1)

 技术分享图片

 

(2)select代表textarea对象,return返回一个富文本编辑对象,也就是(1)中的itemAddEditor

 技术分享图片

 

(3)

 技术分享图片

 

至此初始化完成

 

当需要提交表单时,

在之前

执行文本框同步,将富文本编辑器的内容同步到textarea控件

 技术分享图片

 

  最后,

         由于使用不多,接触少,如有错漏的地方欢迎指出、批评,多谢!

 

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

Springboot中使用kindeditor富文本编辑器

富文本编辑器KindEditor的使用

kindEditor 富文本编辑器 使用介绍

KindEditor - 富文本编辑器 - 使用+上传图片

完成后台管理系统功能KindEditor富文本编辑器的使用以及商品添加的实现

kindeditor富文本框使用方法