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

举报
原来是咔咔 发表于 2022/03/27 22:55:47 2022/03/27
【摘要】 01 添加富文本 首先添加富文本的代码 然后就可以直接看到效果了 操作上边的前提是你的标签必须是textarea,并且设置有id 02 富文本上传图片 这里文档也写的很清楚,需要添加上传图片的接口 最后项目展示就是这个样子的,这里需要切记的是上传图片的配置要在构建之前 然后上传图片 ...

01

添加富文本

首先添加富文本的代码

1573014085672579.png

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

1573014134134413.png

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

1573014263836172.png

02

富文本上传图片

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

1573014330250953.png

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

1573014372660292.png

然后上传图片

1573014425135687.png

03

注意点

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

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

1573014557637919.png

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

1573014648980513.png

文章来源: blog.csdn.net,作者:咔咔-,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/fangkang7/article/details/102932803

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。