kindeditor 应用动态生成的控件

1.首先在js中实现，页面里使用了UpdatePanel

js引用：

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

具体实现：因为控件是动态生成的，查看前台代码可知，一旦加上kindeditor效果，自己原有的控件会被隐藏，其中最重要的是保存动态库控件的值，所以必须同步动态控件与kindeditor对应的值。

 <script type="text/javascript">
        function jz() {
            $("textarea").each(function () {
                KindEditor.create('#' + $(this).attr("id"), { uploadJson: '/Handlers/UploadNoticeImage.ashx?type=intro', items: [
                                            'source', '|', 'undo', 'redo', '|', 'preview', 'template', 'cut', 'copy', 'paste',
                                            'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                                            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'clearhtml', 'selectall', '|',
                                            'removeformat', '|', 'image', 'flash', 'link', 'unlink', '|', 'fullscreen'], allowFlashUpload: false, width: '700px'
                                            , afterBlur: function () {
                                                this.sync();

                                                K.ctrl(document, 13, function () {
                                                    this.sync();
                                                    K('form[name=example]')[0].submit();
                                                });
                                                K.ctrl(this.edit.doc, 13, function () {
                                                    this.sync();
                                                    K('form[name=example]')[0].submit();
                                                });
                                            }
                });
                prettyPrint();
            });
        };
    </script>

2.当页面加载完毕的时候 进行重新加载

    Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(jz);

 

3.后台加载：初始化页面的时候，手动在后台加载。

ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "js", "jz()", true);

 

 

4.若前台控件是固定的话：

 $("textarea").each(function () {
                i++;
                arr[i] = $(this).attr("id");
                if (i > 2) {
                    KindEditor.create('#' + arr[i], { uploadJson: '/Handlers/UploadNoticeImage.ashx?type=intro', items: [
                                            'source', '|', 'undo', 'redo', '|', 'preview', 'template', 'cut', 'copy', 'paste',
                                            'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                                            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'clearhtml', 'selectall', '|',
                                            'removeformat', '|', 'image', 'flash', 'link', 'unlink', '|', 'fullscreen'], allowFlashUpload: false
                    });
                };
            });