背景

在一般的Web IDE中，我们需要将经常用到的一些操作放到顶部操作栏里，类似语雀的文档编辑。 代码编辑器，一般也会放一些查找，格式化，撤销，恢复。有些人喜欢用快捷键来进行这些操作，但由于monaco中内置的键盘快捷操作非常地多，所以有些人喜欢用按钮来实现某种操作。本篇文章就来带大家完成使用代码来触发某些action，完成点击一个按钮进行格式化，查找，显示右键菜单的操作。

核心方法

调用api来触发某个action或command，有二种方式，分别是

第一种：

直接使用editor.trigger(source: string, handlerId: string, payload: any): void 来触发某个内置或已经自定义的操作。只要知道handerId就可以完成。

第二种：

先使用editor.getAction(id: string): IEditorAction方法获取action实例，然后调用实例的run(): Promise方法。返回一个Promise。

先说第一种，直接使用trigger方法触发某个操作。传入一个handlerId，也可以添加一些额外的数据。常用的handlerId有，

• editor.action.showContextMenu 显示右键菜单
• actions.find 查找操作
• editor.action.formatDocument 格式化文档

具体使用方法

// 执行格式化操作
editor.trigger('你自定义一个字符串', `editor.action.formatDocument`)// 执行查找操作，会显示查找框
editor.trigger('你自定义一个字符串', `action.find`)

具体效果如下图：

第二种方案
传入一个 handlerId，就可以运行，

function getActionToTrigger(id){editor.getAction(id).run().then(() => {console.log('运行成功')})
}// 触发查找操作
getActionToTrigger('action.find')

默认的actions

上面提到了要触发某个操作，必须要知道该操作的handlerId，那么具体有哪些HandlerId供使用哪？
对于这个问题我也查了很多资料。也搜索了官方的文档和代码。都没找到。最后我在控制台打印出editor的原型对象。最后发现 editor下有一个_actions属性。这里存放了所有可用的handlerId。
具体请看。

根据资料可以得知，目前有154个action

完整代码

Hello World CSDN@拿我格子衫来 Monaco Editor
显示右键查找格式化跳转至N行光标后退光标前进注入action并触发获取id并触发

总结

使用api来触发某个action，能够实现很多自动化操作。总之就是很牛X啊。