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

已有 9 条评论
  1. Kay Kay

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

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

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

  3. 膜拜表哥

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

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

  5. NULL NULL

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

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

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

添加新评论