天天看點

【工具類】使用富文本編輯器

1、富文本編輯器介紹

【工具類】使用富文本編輯器

KindEditor

http://kindeditor.net/

UEditor:百度編輯器

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

CKEditor

http://ckeditor.com/

純js開發,跟背景語言沒有關系。

2、使用方法

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

【工具類】使用富文本編輯器

第二步:在表單中添加一個textarea控件。是一個富文本編輯器的載體。類似資料源。

【工具類】使用富文本編輯器

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

【工具類】使用富文本編輯器
【工具類】使用富文本編輯器

第四步:取富文本編輯器的内容。

【工具類】使用富文本編輯器

表單送出之前,把富文本編輯器的内容同步到textarea控件中。