【PHP】wangEditor富文本编辑器集成七牛云存储

2017年2月18日 2 条评论 1.91k 次阅读 0 人点赞

最近有个项目需要用到富文本编辑器,编辑器插件地址:wangEditor,对于编辑器插入图片的问问苦苦没有解决方法。后来看了官方文档之后,集成了plupload上传插件和七牛云存储,遇到比较多问题,不过后来都解决了,仅此记录实现过程。

1. 实例化编辑器和上传插件

这个官方文档有了不比多说,直接贴代码,集成plupload上传插件和七牛云存储,参考官方给的demo。

JavaScript代码如上,需要改的地方有‘uptoken_url’就是你生成token的地址和‘domain’是你七牛云的公开空间地址,记住在七牛云开空间先不要选设为私人的,因为你上传成功后读取还要token授权。

2. PHP 生成token

下载官方PHP的SDK:PHP (服务端),解压得到autoload.php和src文件夹,放在同一目录。然后下面是生成上传token 的PHP代码。因为我的PHP文件放在另一个服务器需要解决跨域请求问题,加了这些header,如前端和后端在同一服务器建议去掉header语句。

官网文档有个坑,官网直接返回token,但是生成token的时候不能直接输出返回,要转换为json格式返回到前端才能识别。

最后

到这里应该就完成了wangEditor集成七牛云存储的方案,图片会存储到七牛云第三方服务中,同时也可以直接插入到编辑器里面方便编辑文章。

平兄

做任何一件事情,计划和努力应当留给自己看,成果才适合秀给他人看。

文章评论(2)

  • 13哥

    :razz: 6666

    2017年6月21日
  • 13哥

    :razz: 6666已采纳 :idea:

    2017年6月21日