electron-context-menu

开源

您的 Electron 应用程序的上下文菜单

1.5K stars0 点赞1 次浏览

工具介绍

您的 Electron 应用程序的上下文菜单

electron-context-menu

Electron 应用程序的上下文菜单 Electron 没有内置的上下文菜单。你需要自己处理这个问题。但这既繁琐又难以正确实现。此模块为你提供了一个漂亮的可扩展上下文菜单，其中包含拼写检查以及文本的「剪切」、「复制」、「粘贴」等项，图像的「保存图像」以及链接的「复制链接」。在开发阶段时，它还添加了「检查元素」菜单项，以便快速查看类似 Chrome 中的检查器中的项目。此包只能在主进程中使用。

安装

bash

npm install electron-context-menu

需要 Electron 44 或更高版本。

使用方法

javascript

import {app, BrowserWindow} from 'electron';
import contextMenu from 'electron-context-menu';

contextMenu({
	showSaveImageAs: true
});

let mainWindow;
(async () => {
	await app.whenReady();

	mainWindow = new BrowserWindow();
})();

高级示例:

…

contextMenu() 的返回值是一个用于处理创建的事件监听器的函数:

应该返回一个包含 MenuItem 的数组,用于插入到上下文菜单中。第一个参数是可以使用的默认操作的数组。第二个参数是此 parameters 对象。第三个参数是请求上下文菜单的窗口或视图。第四个参数是上下文菜单事件。MenuItem 标签中可能包含占位符 {selection},该占位符将被替换为当前选中的文本,如 [`options.la