使用 Electron 從剪貼板複製和粘貼

使用 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 支持, 謝謝.