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

01

添加富文本

 

首先添加富文本的代码

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

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

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

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

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

 

02

富文本上传图片

 

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

 

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

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

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

然后上传图片

 

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

 

03

注意点

 

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

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

 

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

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

 

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

 

你可能感兴趣的:(Layui,layui)