在monaco编辑器中已经有了很多指令,这些指令极大地方便了我们的编辑工作,比如用于查询的Ctrl+F
有时为了满足业务的需要我们需要自己添加一些指令,比如在按下End
键,弹出提示编辑器的一些统计信息。
处理添加自定义指令外,我们有时也需要在编辑器中添加一些自定义的菜单项,这些菜单项的专业术语叫做Action
,可以在用户点击 鼠标右键弹出显示。如下图
下面就让我们来看一下如何实现这两个自定义的功能吧。
具体的实现比较简单,核心是二个函数,
添加自定义命令 editor.addCommand()
添加菜单项 editor.addAction()
下面一起看一下如何使用这两个参数吧。
要添加自定义指令,需要先创建一个上下文key,方法为editor.createContextKey()
传入两个参数,第一个就是key的名称,这里也可成为指令的名称,第二个参数可以是一个布尔类型,表示key的值
我们创建一个
var fizzCommand = editor.createContextKey('fizzCommand', true)
创建完key后,我们再将其与对应的组合键绑定到一起,这样当