layui-tinymce

layui.extend({
    tinymce: '{/}./tinymce/tinymce'
}).use(['tinymce'], function () {
    var t = layui.tinymce
    // code ...
    // 后面无特殊说明，其它代码均写在此处
    // ...
})

<textarea id="edit"></textarea>

t.render({
    elem: "#edit"  
    // 支持tinymce所有配置      
},(opt, edit)=>{
    // 加载完成后回调 opt 是传入的所有参数
    // edit是当前编辑器实例，等同于t.get返回值
});

// 方式一
t.reload({
    elem:'#edit'
    // 除elem外，所有参数都可以重新设置
},(opt, edit) => {
    //重载完成后回调函数，会把所有参数回传，
    //重载仅仅重新渲染编辑器，不会清空textarea
})

// 方式二
t.reload('#edit',{
    // 除elem外，所有参数都可以重新设置
},(opt, edit) => {

})

// 如果页面只有一个编辑器，等同于官方的tinymce.activeEditor
// 如果页面有多个编辑器，等同于官方tinymce.editors[id]
var edit = t.get('#edit')

// 获取编辑器HTML内容
edit.getContent()
// 获取编辑器文本内容
edit.getContent({format:'text'})

edit.insertContent('<b>插入内容</b>')

edit.setContent('<b>设置内容</b>')

// 清空编辑器，将内容设置为空字符串即可
edit.setContent('')

edit.resetContent()

edit.destroy() 

var settings = {
    images_upload_url:'http(s)://yoursite/apipath'
    // ...
}

t.render({
    images_upload_url:'http(s)://yoursite/apipath'
    // ...
})

// 上传配置
t.render({
    elem: "#edit"  
    ,images_upload_url:'http(s)://yoursite/apipath'//配置上传接口
    ,form:{
        name:'avatar'//配置上传文件的字段名称
        ,data:{ key:'value', ... } //其他需要一起上传的数据
    }
});

// 如果没有做任何修改，
// layui-admin中以admin设置为准；单独引用默认的后端返回数据格式需要如下
// {"code": 0, "msg": "success", "data": "/demo/demo.jpg"}，
// code-等于0表示成功，msg-返回的消息，data-返回给前端的图片地址

// 回调函数 参数1：上传的文件数据，参数2：上传成功回调，参数3：上传异常回调
t.render({
    elem: "#edit"  
    ,images_upload_handler:function(blobInfo, succFun, failFun){
        // 你的代码 ...
    }
})

t.render({
    elem: "#edit"
    , height: 200
    , init_instance_callback : function(ed) {
        ed.on('Click', function (e) { 
            // 监听编辑器内部的点击事件
        });
    }

});