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

01

添加富文本

 

首先添加富文本的代码

1573014085672579.png

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

1573014134134413.png

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

1573014263836172.png

 

02

富文本上传图片

 

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

 

1573014330250953.png

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

1573014372660292.png

然后上传图片

 

1573014425135687.png

 

03

注意点

 

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

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

 

1573014557637919.png

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

 

1573014648980513.png