首页 / 脚本样式 / JavaScript / Layui中使用Ueditor编辑器的正确方式

在Layui中使用ueditor时经常会在页面中加载编辑器，而编辑器的初始化和内容设置时经常因为状态不准确，造成Ueditor经常报错，使编辑器无法正常使用。

下面总结几点注意：

首先需要定义全局的ue

var ue;

1、在页面初始化时

if(!ue){

        ue=UE.getEditor('editor');

        //监听ue初始化状态

        ue.addListener("ready", function () {

            ue.setContent("设置的内容");//初始化完成后才可以进行赋值操作。

        });

}

经过上述操作即可。

如果使用的是layer.open方法打开的层进行初始化UE,则需要在

layer.open中使用end方法，对ue进行及时销毁，这样每次打开重新初始化ue,而关闭时自动销毁ue.

layer.open({

        title:"",

        area:["90%","90%"],

        id:"layer",

        success:function(layero,index){

        },

        end:function(){

                if(ue){

                        UE.getEditor('editor').destroy();

                        ue=null;

                }

        }

})

这样就可以保证UE每次使用时不出问题。

另外建议关闭Ueditor的自动保存功能。