使用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

效果图