使用layui的富文本编辑器工具按钮不好用

​ 今天做一个后台管理系统的添加功能时，在弹出的添加窗口需要使用一个富文本编辑器，在使用了layui富文本编辑器后，成功创建了编辑器，但是按钮不好用。

​ 出问题的创建编辑器方式：

<textarea id="noteContent" name="tnoteContent" placeholder="请输入内容" class="layui-textarea" style="display: none;"></textarea>

<script>
layui.use('layedit', function(){
    var layedit = layui.layedit;
    layedit.build('noteContent'); //建立编辑器
});
</script>

解决方式：在弹出窗口时创建编辑器

<textarea id="noteContent" name="tnoteContent" placeholder="请输入内容" class="layui-textarea" style="display: none;"></textarea>
<script>
table.on("toolbar(test)", function (obj) {
            var checkStatus = table.checkStatus(obj.config.id),
                data = checkStatus.data; //获取选中的数据
            switch (obj.event) {
                case "add": {
                    $("#add-order-form")[0].reset();
                    layer.open({
                        type: 1,
                        title: "添加笔记",
                        skin: "layui-layer-molv",
                        area: ["800px", "600px"],
                        content: $("#add-order-layer"),
                    });
                    layui.use('layedit', function(){
                        var layedit = layui.layedit;
                        layedit.build('noteContent'); //建立编辑器
                    });
                    break;
                }
            }
</script>