45 lines
1006 B
Markdown
45 lines
1006 B
Markdown
# 自定义右键菜单
|
||
|
||
## 使用方式
|
||
|
||
```javascript
|
||
import Editor from "@hufe921/canvas-editor"
|
||
|
||
const instance = new Editor(container, <IElement[]>data, options)
|
||
instance.register.contextMenuList([
|
||
{
|
||
key?: string;
|
||
isDivider?: boolean;
|
||
icon?: string;
|
||
name?: string; // 使用%s代表选区文本。示例：搜索：%s
|
||
shortCut?: string;
|
||
disable?: boolean;
|
||
when?: (payload: IContextMenuContext) => boolean;
|
||
callback?: (command: Command, context: IContextMenuContext) => any;
|
||
childMenus?: IRegisterContextMenu[];
|
||
}
|
||
])
|
||
```
|
||
|
||
## getContextMenuList
|
||
|
||
功能：获取注册的右键菜单列表
|
||
|
||
用法：
|
||
|
||
```javascript
|
||
const contextMenuList = await instance.register.getContextMenuList()
|
||
```
|
||
|
||
备注：
|
||
|
||
```javascript
|
||
// 修改内部右键菜单示例
|
||
contextmenuList.forEach(menu => {
|
||
// 通过菜单key找到菜单项后进行属性修改
|
||
if (menu.key === INTERNAL_CONTEXT_MENU_KEY.GLOBAL.PASTE) {
|
||
menu.when = () => false
|
||
}
|
||
})
|
||
```
|