使用KindEditor時控件顯示底層問題解決辦法

記錄一下在layui.open下使用KindEditor時彈窗控件顯示的問題。

彈出界面時渲染kindEditor富文本編輯器

    //初始化kindEditor富文本編輯器
    function getKindeditor(){
        editor = KindEditor.create('textarea[name="details"]', {
            allowFileManager : true,
            allowImageUpload:true,//允許上傳圖片
            allowFileManager:true, //允許對上傳圖片進行管理
            uploadJson:"",
            afterUpload: function(){this.sync();}, //圖片上傳後，將上傳內容同步到textarea中
            afterBlur: function(){this.sync();}   //失去焦點時，將上傳內容同步到textarea中
        });
        return editor;
    }

    layer.open({
            type: 1,
            title: '添加商品信息',
            area: ['50%', '95%'],
            scrollbar: false,
            move: false,
            moveType:1,
            content: $('#commodityPopu'),
            success : function(){
                //加載渲染kindEditor富文本編輯器
                getKindeditor();
            },
            cancel: function (index, layero) {
                KindEditor.ready(function(K) {
                    K.remove('textarea[name="details"]');
                });
                /*layer.close(index)*/
            }
    });

問題如下 

注意 

 樓主引用的是kindEditor中的 kindeditor-all-min.js
 需要修改幾個地方,也就是自帶彈窗控件的index位置

修改如下

811213全部替換爲19892000
811212全部替換爲19891999
811214全部替換爲19892001
811211全部替換爲19891998

效果圖