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

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

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

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

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

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

复制

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

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

渲染器进程spa

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 | 进程: Bothcode

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

渲染器进程进程

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 支持, 谢谢.

相关文章
相关标签/搜索