在 WordPress 的文章编辑器里增加一键上传图片到 Chevereto
之前介绍过使用 PicGo 进行一键上传图片到 Chevereto 图床的操作,如果使用 WordPress …
之前介绍过使用 PicGo 进行一键上传图片到 Chevereto 图床的操作,如果使用 WordPress 写文章的时候不想装 PicGo 的话,还可以在写文章编辑器里增加一个按钮,方便边写文章边同步图片到图床然后插入到文章里。
本文的代码来自 Spiritx:
https://spiritx.xyz/843.html
实现功能后的效果如下:
除了增加
上传图片到Chevereto
功能外,编辑器本身还使用了 Markdown 写作插件
WP Editor
。
编辑 route.api.php 允许跨域
进入 Chevereto 图床服务的文件目录,拷贝和编辑
route.api.php
文件实现允许跨域:
cd app/routes/
cp route.api.php overrides/route.api.php
对
app/routes/overrides/
目录下的
route.api.php
进行编辑:
// route.api.php 第二行加入以下代码,https://localhost 改为自己的 WordPress 所用域名
header('Access-Control-Allow-Origin: https://localhost');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Allow-Headers: Content-Type, Accept, Authorization, X-Requested-With, Origin, Accept');
然后在这个文件内找到
$uploaded_id = CHVImage::uploadToWebsite($source);
(一般在105行),替换为以下代码:
// admin 为图床中的用户名
$uploaded_id = CHVImage::uploadToWebsite($source,admin);
编辑 functions.php 增加一键上传按钮
打开 WordPress 所用主题的
functions.php
文件
插入以下代码:
把
$DOMAIN="localhost";
里的
localhost
改为图床域名,把
$APIkey="youkey";
里的
youkey
改为图床 api,然后保存编辑。
接下来打开写文章编辑器,就可以看到一键上传图床的按钮了。
类别:WordPress技巧、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!