https://www.layui.com/doc/modules/layedit.html
layui富文本编辑器集成比其他任何富文本编辑器集成都简单,因为layui自带富文本编辑器,只需要2行代码:
var layedit = layui.layedit;
layedit.build('lay_content', {
tool: ['strong', 'italic', 'underline', 'del', '|', 'left', 'center', 'right', '|', 'link', 'unlink', 'image', 'code']
});
我这里加入tool是因为我需要加入在工具栏加入code功能。如果只需要默认功能,可以直接使用build
layedit.build('lay_content');
lay_content表示textarea的id。
上传图片页简单
layedit.set({
uploadImage: {
url: '' //接口url
,type: '' //默认post
}
});
//注意:layedit.set 一定要放在 build 前面,否则配置全局接口将无效
只需要配置上传url就可以了。返回格式为
{
"code": 0 //0表示成功,其它失败
,"msg": "" //提示信息 //一般上传失败后返回
,"data": {
"src": "图片路径"
,"title": "图片名称" //可选
}
}