动态生成的元素绑定KindEditor

Posted 2021-01-20 weizhanyu

/* 初始化富文本编辑框配置项 */
    var options = {  
            filterMode : false,  
            allowImageUpload : true,  
            items : [
                ‘source‘, ‘|‘, ‘undo‘, ‘redo‘, ‘|‘, ‘preview‘,‘cut‘, ‘copy‘, ‘paste‘,
                ‘justifyleft‘, ‘justifycenter‘, ‘justifyright‘,
                ‘justifyfull‘, ‘insertorderedlist‘, ‘insertunorderedlist‘, ‘indent‘, ‘outdent‘,
                ‘clearhtml‘, ‘quickformat‘, ‘selectall‘,  ‘/‘,
                ‘formatblock‘, ‘fontname‘, ‘fontsize‘, ‘|‘, ‘forecolor‘, ‘hilitecolor‘, ‘bold‘,
                ‘italic‘, ‘underline‘, ‘strikethrough‘, ‘lineheight‘, ‘removeformat‘, ‘|‘, ‘image‘, ‘multiimage‘,
                ‘table‘, ‘hr‘, ‘baidumap‘, ‘pagebreak‘,
                ‘anchor‘, ‘link‘, ‘unlink‘,
            ],
            cssPath : ‘${pageContext.request.contextPath}/kindeditor/plugins/code/prettify.css‘,
            wellFormatMode : true,
            /* 指定上传文件的服务器端程序。 */
            uploadJson : ‘${pageContext.request.contextPath}/kindeditor/jsp/upload_json.jsp‘,
            /* 指定上传文件的服务器端程序。 */
            fileManagerJson : ‘${pageContext.request.contextPath}/kindeditor/jsp/file_manager_json.jsp‘,
            allowFileManager : true,
            afterCreate : function() {
                this.sync();
            },
            afterBlur: function () { 
                this.sync();
                }
                
        };

在动态生成的方法里加入的代码：

var kinditerindex = 0;
                    var dctripIndex = 1;
                    $("#Container").find("textarea").each(function (index, item) {
                                var editor = new Array();  
                                    KindEditor.ready(function(K) {  
                                        editor[kinditerindex] = K.create(‘textarea[name="dctrip‘+dctripIndex+‘"]‘,options);
                                    }); 
                                    kinditerindex++;
                                    dctripIndex++;
            });