前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PasteImage - 让 Typecho 自带编辑器支持粘贴剪贴板图片

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

作者头像
zgq354
发布2019-11-24 18:30:56
1.5K0
发布2019-11-24 18:30:56
举报
文章被收录于专栏:0x00010x0001

------- 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 图片链接
传完后自动转换为 Markdown 图片链接

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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-12-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档