这是如何运作的？从网站复制Figma组件并将其粘贴到我自己的文件中

Question

这是执行相同操作的示例网站：https://ui-kit.co/explore

uikit.co/explore 的工作原理：

当您将鼠标悬停在任何文件上时，它会显示一个复制按钮，复制后您可以直接将其粘贴到 Figma 画板中，这是如何工作的，以及如何在我的网站上实现它？

Answer 1

这不是 javascript、html、css。但您只需将其复制并粘贴到 figma 文档中即可。它使用剪贴板工作。您无法将其粘贴到网站中。但如果你愿意，你可以使用 JavaScript 中的 clipboard 做各种事情。

复制时剪贴板的内容可以在 https://evercoder.github.io/clipboard-inspector/ 中查看。但在这种情况下有点神秘。

顺便说一句，另一个例子是 WordPress 块编辑器，它允许您从一个地方复制块到另一个地方。块/剪贴板的数据只是 HTML，因此可以轻松移动。您可以使用 onpaste 事件复制/粘贴 JSON 将数据传入/传出您的站点。

Answer 2