富文本编辑器的使用方法

1.种类

• KindEditor

  http://kindeditor.net/

• UEditor：百度编辑器

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

• CKEditor

  http://ckeditor.com/

2.使用方法

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

    <link href="/js/kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>
  

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

    <tr>
    	<td>商品描述:</td>
    	<td>
    		<textarea style="width:800px;height:300px;visibility:hidden;" name="desc"></textarea>
    	</td>
    </tr>
  

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

• 第四步：取富文本编辑器的内容。
  表单提交之前，把富文本编辑器的内容同步到textarea控件中。