富文本编辑器

常用的富文本编辑器

1. KindEditor http://kindeditor.net/；
2. UEditor http://ueditor.baidu.com/website/；
3. CKEditor http://ckeditor.com/；

KindEditor 使用

1. 引入js和css

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

2. 初始化kindeditor

   <div class="col-md-10 data editer">
       <textarea name="content" style="width:800px;height:400px;visibility:hidden;" ></textarea>
   </div>
   
   <script type="text/javascript">
      var editor;
      KindEditor.ready(function(K) {
         editor = K.create('textarea[name="content"]', {
            allowFileManager : true
         });
      });
   </script>

3. 提取/清空富文本内容；

   vaule=editor.html();//提取
   editor.html("”);//清空