> 백엔드 개발 > PHP 튜토리얼 > javascript - 富文本编辑器中的图片如何保存到服务器!

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

WBOY
풀어 주다: 2016-06-06 20:13:25
원래의
2691명이 탐색했습니다.

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

回复内容:

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

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

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

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

<code><script type="text/plain" id="myEditor" name="content"></script></code>
로그인 후 복사

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

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

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

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

editor.config.uploadImgUrl = '/upload';

  1. 后台接收保存数据

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

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿