01

添加富文本

首先添加富文本的代码

【Layui】解决如何使用富文本编辑器和富文本上传显示图片_layui

然后就可以直接看到效果了

【Layui】解决如何使用富文本编辑器和富文本上传显示图片_layui_02

操作上边的前提是你的标签必须是textarea，并且设置有id

【Layui】解决如何使用富文本编辑器和富文本上传显示图片_layui_03

02

富文本上传图片

这里文档也写的很清楚，需要添加上传图片的接口

【Layui】解决如何使用富文本编辑器和富文本上传显示图片_富文本_04

最后项目展示就是这个样子的，这里需要切记的是上传图片的配置要在构建之前

【Layui】解决如何使用富文本编辑器和富文本上传显示图片_上传图片_05

然后上传图片

【Layui】解决如何使用富文本编辑器和富文本上传显示图片_layui_06

03

注意点

在上面俩步已经把代码都修改好了，这是还有一个注意点，我们来看看文档

这个是layui上传图片返回的格式，我们必须严格执行

【Layui】解决如何使用富文本编辑器和富文本上传显示图片_上传图片_07

所以我们还需要上传图片之后的返回格式，至于怎么写上传图片的功能自行解决哈！

【Layui】解决如何使用富文本编辑器和富文本上传显示图片_上传图片_08