天天看点

【工具类】使用富文本编辑器

1、富文本编辑器介绍

【工具类】使用富文本编辑器

KindEditor

http://kindeditor.net/

UEditor:百度编辑器

http://ueditor.baidu.com/website/

CKEditor

http://ckeditor.com/

纯js开发,跟后台语言没有关系。

2、使用方法

第一步:在jsp中引入KindEditor的css和js代码 。

【工具类】使用富文本编辑器

第二步:在表单中添加一个textarea控件。是一个富文本编辑器的载体。类似数据源。

【工具类】使用富文本编辑器

第三步:初始化富文本编辑器。使用官方提供的方法初始化。

【工具类】使用富文本编辑器
【工具类】使用富文本编辑器

第四步:取富文本编辑器的内容。

【工具类】使用富文本编辑器

表单提交之前,把富文本编辑器的内容同步到textarea控件中。