kindeditor编辑器的应用

1.导入kindeditor包
2.添加相应的js引用

 <script src="jquery-easyui-1.4.5/jquery.min.js"></script>
    <script src="kindeditor/kindeditor-all-min.js"></script>
    <script src="kindeditor/lang/zh-CN.js"></script>
    <script src="kindeditor/plugins/code/prettify.js"></script>

3.创建需要编辑器参数

  <script>
        var options = {
            items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste',
                     'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                     'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                     'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
                     'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                     'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image',
                     'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'map', 'code', 'pagebreak',
                     'link', 'unlink', '|', 'about'
            ],
            afterBlur: function () { this.sync(); }
        };
        KindEditor.ready(function (K) {
            window.editor = K.create('#editor_id', options);
        });
   </script>

4.内容主体部分

  <textarea id="editor_id" name="content" style="width: 983px; height: 500px;"></textarea>

5.获取文本编辑器值得部分

document.getElementById('editor_id').value
或者
$("#editor_id").val()等.

推荐一个下载链接kindeditor