编辑框

<script type="text/javascript" charset="utf-8" src="${contextPath}/editor/kindeditor.js"></script>

 <script type="text/javascript" charset="utf-8" src="${contextPath}/editor/kindeditor-all.js"></script>

   <script charset="utf-8" src="${contextPath}/editor/lang/zh_CN.js"></script>

引用三个js

js代码

   var editor;

    KindEditor.ready(function(K) {
            editor = K.create('textarea[name="content"]', {
            cssPath : '../plugins/code/prettify.css',
            uploadJson : '${contextPath}/back/common/upload/imgUpload.htm',
  //          fileManagerJson : '../jsp/file_manager_json.jsp',
            allowFileManager : false,
            afterCreate : function() {
                var self = this;

                self.sync();
            },
            afterChange: function(){ //编辑器内容发生变化后，将编辑器的内容设置到原来的textarea控件里
                this.sync();
            },
            afterBlur : function(){ //编辑器聚焦后，将编辑器的内容设置到原来的textarea控件里
                this.sync();
            }
            });

        <#if content?exists>
            <#--KE.html('#editor_id', '${content!}');-->
            editor.html('${content!}');
        </#if>
    });

html代码

<tr>
                <td width="800">
                    <form>
                        <textarea id="editor_id" name="content"  style="width:700px;height:300px;"></textarea>
                    </form>
                </td>
            </tr>

function formSubmit(){

            var html1 = editor1.html();
            $("#form1").attr("action","${contextPath}/back/credit/activity/update.htm?id=${activity.id}&type=1&barFight="+html1);
            $("#form1").submit();
        }