PasteImage - 让 Typecho 自带编辑器支持粘贴剪贴板图片

------- 2018.10.23 更新 ----------
最新的 Typecho 开发版已经支持剪贴板图片的粘贴上传,所以本插件可以考虑放弃了
Now you can paste an image from clicpboard into the editor directly. · typecho/typecho@0b1096c
--------------------------------------

前两天写博文的时候,想贴个截图,忽然意识到,Typecho 的编辑器并不支持粘贴图片上传的功能

想传截图,得先保存一下图片,然后再拖到编辑器里面上传

简书在这方面做的还是很不错的,可以拖文件,也可以粘贴,上传以后自动转成了 Markdown 的图片链接,一步到位,简直不能再爽

于是我研究了一下浏览器的 ClipboardEvent API,模仿简书编辑器的设计,做了这个增加幸福感的小插件

目前仅在 Chrome 浏览器测试过,其他浏览器的兼容情况未知,如果发现问题的话可以向我反馈

由于浏览器 API 的限制,在输入框中是不支持粘贴 Gif 动图的

图片演示:
粘贴图片时自动提示上传

传完后自动转换为 Markdown 图片链接

补充:由于实现的难度较大,插件生成的 Markdown 图片链接暂时不是编辑器默认风格的,待我期末考完再研究研究(强迫症的力量TAT)

插件主页&下载地址:https://github.com/zgq354/PasteImage

已有 16 条评论
  1. Kay Kay

    哇,这个插件简直棒。刚开始使用typecho就在想怎么没有这样的插件

  2. 这个插件棒极了!截取再保存本地再上传太麻烦啦,就这一步直达目的多好:D

    1. 看来有这样的需求的小伙伴还是挺多的哇

  3. 膜拜表哥

  4. 这个需求的人还是挺多的~ 主要是懒~

    1. 的确,保存然后上传贴图的那个过程的确挺烦的哇

  5. NULL NULL

    早期我也有这个需求,但后来在 V2EX 先后用上了截图贴图工具 Snipaste (/t/295433) 和图片压缩工具 Imagine(/t/371370),所以现在都在本地“截图+编辑+压缩”一条龙之后再上传。😂233

    1. 有时候可能截图过程就足够了hhhh

  6. 更到了开发版,发现并不会剪切板上传图片……

  7. bing Wong bing Wong

    今天测试了好几次,发从onetenote上直接复制粘贴图片一直显示上传中,不知道为啥就是上传不了

    1. 我也测试一下

    2. bing Wong bing Wong

      老铁,测试结果如何?是不是有额外设置?

  8. 大嘴 大嘴

    更新了新开发板,发现还是没法直接使用剪贴板粘贴图片。请问博主是怎么做到的?

    1. 我还没更新,目前只是看了作者的仓库有这方面的改动,确认一下你的代码是不是最新的提交?

    2. 大嘴 大嘴

      是最新的。版本 1.2 (18.10.23)。作者最新提交。发现还是跟老版本一样,没法使用剪贴板粘贴图片。

    3. 大嘴 大嘴

      最后还是用回你的插件。幸福感满满的。

添加新评论