Home > Backend Development > PHP Tutorial > javascript - 富文本编辑器中的图片如何保存到服务器!

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

WBOY
Release: 2016-06-06 20:13:25
Original
2689 people have browsed it

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

回复内容:

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

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

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

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

<code><script type="text/plain" id="myEditor" name="content"></script></code>
Copy after login

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

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

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

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

editor.config.uploadImgUrl = '/upload';

  1. 后台接收保存数据

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

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template