欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 富文本编辑器中的图片如何保存到服务器!

程序员文章站 2022-05-02 08:37:10
...

富文本编辑器中的内容保存到数据库,图片在数据库中体现为图片的地址,点一下保存后,业务逻辑怎么写?
javascript - 富文本编辑器中的图片如何保存到服务器!

回复内容:

富文本编辑器中的内容保存到数据库,图片在数据库中体现为图片的地址,点一下保存后,业务逻辑怎么写?
javascript - 富文本编辑器中的图片如何保存到服务器!

很多编辑器都是先上传图片再返回图片地址的,上传图片直接编辑器配置文件上修改就可以了,不需要再写什么逻辑

这是百度的编辑器吧,它的文档里有教程

点击保存之后,就相当于提交表单,例如如下方式生成的百度编辑器:

那在后端用$_POST['content']接收,就是文本编辑器提交的内容了。

百度编辑器是可以上传图片的,选择插入图片时候有方法把图片发送到后台,后台保存后返回路径,然后可以用这个路径把图片插入到内容,具体请看文档,我也不太记得

wangEditor 编辑器,上传代码很简单。

  1. 前端配置一个服务器的地址

editor.config.uploadImgUrl = '/upload';

  1. 后台接收保存数据

  2. 后台response出图片的url,即可。

这是文档 http://www.kancloud.cn/wangfupeng/wanged...