PasteImage – 讓 Typecho 自帶編輯器支援粘貼剪貼板圖片

  • 2019 年 11 月 24 日
  • 筆記

——- 2018.10.23 更新 ———- 最新的 Typecho 開發版已經支援剪貼板圖片的粘貼上傳,所以本插件可以考慮放棄了 Now you can paste an image from clicpboard into the editor directly. · typecho/[email protected] ————————————–

前兩天寫博文的時候,想貼個截圖,忽然意識到,Typecho 的編輯器並不支援粘貼圖片上傳的功能

想傳截圖,得先保存一下圖片,然後再拖到編輯器裡面上傳

簡書在這方面做的還是很不錯的,可以拖文件,也可以粘貼,上傳以後自動轉成了 Markdown 的圖片鏈接,一步到位,簡直不能再爽

於是我研究了一下瀏覽器的 ClipboardEvent API,模仿簡書編輯器的設計,做了這個增加幸福感的小插件

目前僅在 Chrome 瀏覽器測試過,其他瀏覽器的兼容情況未知,如果發現問題的話可以向我回饋

由於瀏覽器 API 的限制,在輸入框中是不支援粘貼 Gif 動圖的

圖片演示:

補充:由於實現的難度較大,插件生成的 Markdown 圖片鏈接暫時不是編輯器默認風格的,待我期末考完再研究研究(強迫症的力量TAT)

插件主頁&下載地址:https://github.com/zgq354/PasteImage