reactjs - Electron :使用上下文菜单粘贴字符串

Question

我正在使用Electron和React构建一些应用程序。我想保留标准的复制粘贴功能，例如在“常规”程序/浏览器中。

我已经在我的Electron脚本中添加了以下代码:

app.on('ready', ()=>{
  BrowserWindow.addDevToolsExtension(
    path.join(os.homedir(), '/AppData/Local/Google/Chrome/User Data/Default/Extensions/fmkadmapgofadopljbjfkapdkoienihi/3.6.0_0')
 )
  createWindow();
  const ctxMenu = new Menu();
  ctxMenu.append(new MenuItem({
    label:'Paste',
    click:()=>{console.log('Paste clicked!')}
  }))

  mainWindow.webContents.on('context-menu',(e,params)=>{
    ctxMenu.popup(mainWindow,params.x,params.y)
  })

})

现在，我不知道如何创建粘贴功能。我看到 Electron 具有“剪贴板” api，但是如何设置特定HTML元素(用户希望粘贴到其中)和 Electron 代码之间的连接？

我的应用程序纯粹是基于浏览器的应用程序，这意味着除了Electron的标准样板之外，没有NodeJS代码。

我是否需要拦截浏览器中的右键单击，然后一些如何与Electron进行通信？

任何帮助将不胜感激。

Answer 1

如果有人感兴趣，该解决方案实际上非常简单:

您需要做的就是在菜单项中添加一个“角色”:

 ctxMenu.append(new MenuItem({
    label:'Paste',
    role:'paste',
    click:()=>{console.log('Paste clicked!')}
  }))

就是这样，有效。