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

01

添加富文本

 

首先添加富文本的代码ui

1573014085672579.png

而后就能够直接看到效果了接口

1573014134134413.png

操做上边的前提是你的标签必须是textarea,而且设置有id图片

1573014263836172.png

 

02

富文本上传图片

 

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

 

1573014330250953.png

最后项目展现就是这个样子的,这里须要切记的是上传图片的配置要在构建以前class

1573014372660292.png

而后上传图片配置

 

1573014425135687.png

 

03

注意点

 

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

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

 

1573014557637919.png

因此咱们还须要上传图片以后的返回格式,至于怎么写上传图片的功能自行解决哈!项目

 

1573014648980513.png

相关文章
相关标签/搜索