如何实现微信截图之后,在 markdown 编辑器中,右键保存自动转换链接的功能呢?

2023-06-19 346 0

image.png
就类似于 segmentfault 编辑器这样的功能。

实现思路是什么呢?

就是操作剪贴板,将图片读取出来然后上传就行了

https://developer.mozilla.org/en-US/docs/Web/API/ClipboardItem

async function getClipboardContents() {
  try {
    const clipboardItems = await navigator.clipboard.read();
    for (const clipboardItem of clipboardItems) {
      for (const type of clipboardItem.types) {
        const blob = await clipboardItem.getType(type);
        // we can now use blob here
      }
    }
  } catch (err) {
    console.error(err.name, err.message);
  }
}

然后可能会涉及到光标的操作,可以参考这篇文章:https://segmentfault.com/a/1190000041457245

回答

相关文章

nuxt2部署静态化和ssr的时候访问首页先报404再出现首页为什么?
`clip-path` 如何绘制圆角平行四边形呢?
多线程wait方法报错?
VUE 绑定的方法如何直接使用外部函数?
vue2固定定位该怎么做?
谁有redis实现信号量的代码,希望借鉴一下?