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

1、富文本编辑器介绍

【工具类】使用富文本编辑器_第1张图片

KindEditor

http://kindeditor.net/

UEditor:百度编辑器

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

CKEditor

http://ckeditor.com/

 

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

 

2、使用方法

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

【工具类】使用富文本编辑器_第2张图片

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

【工具类】使用富文本编辑器_第3张图片

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

【工具类】使用富文本编辑器_第4张图片

【工具类】使用富文本编辑器_第5张图片

 

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

【工具类】使用富文本编辑器_第6张图片

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

你可能感兴趣的:(工具类)