2

使用 Electron 从剪贴板复制和粘贴

此系列文章的应用示例已发布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下载后运行查看. 欢迎 Star .

clipboard 模块提供了执行复制和粘贴操作的方法.

此模块还具有将文本作为标记(HTML)复制到剪贴板的方法.

在浏览器中查看 完整 API 文档.

复制

支持: Win, macOS, Linux | 进程: Both

在这个示例中, 我们将一个短语复制到剪贴板. 单击 "复制" 按钮后, 使用粘贴(CMD + V 或 CTRL + V)将短语粘贴到文本区域.

渲染器进程

const clipboard = require('electron').clipboard

const copyBtn = document.getElementById('copy-to')
const copyInput = document.getElementById('copy-to-input')

copyBtn.addEventListener('click', function () {
  if (copyInput.value !== '') copyInput.value = ''
  copyInput.placeholder = '已复制! 请在这里执行粘贴.'
  clipboard.writeText('Electron 示例!')
})

粘贴

支持: Win, macOS, Linux | 进程: Both

在本示例中, 我们将一个字符串复制到剪贴板, 然后将结果粘贴到上面的消息中.

渲染器进程

const clipboard = require('electron').clipboard

const pasteBtn = document.getElementById('paste-to')

pasteBtn.addEventListener('click', function () {
  clipboard.writeText('一段示例内容!')
  const message = `粘贴的内容: ${clipboard.readText()}`
  document.getElementById('paste-from').innerHTML = message
})

如果这边文章对您有帮助, 感谢 下方点赞 或 Star GitHub: electron-api-demos-Zh_CN 支持, 谢谢.


DemoPark
1.1k 声望177 粉丝

Just Full Stack Developer