1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > Monaco Editor教程(八): 实现添加自定义命令 添加自定义菜单action功能

Monaco Editor教程(八): 实现添加自定义命令 添加自定义菜单action功能

时间:2019-01-24 21:35:36

相关推荐

Monaco Editor教程(八): 实现添加自定义命令 添加自定义菜单action功能

背景

在monaco编辑器中已经有了很多指令,这些指令极大地方便了我们的编辑工作,比如用于查询的Ctrl+F

有时为了满足业务的需要我们需要自己添加一些指令,比如在按下End键,弹出提示编辑器的一些统计信息。

处理添加自定义指令外,我们有时也需要在编辑器中添加一些自定义的菜单项,这些菜单项的专业术语叫做Action,可以在用户点击 鼠标右键弹出显示。如下图

下面就让我们来看一下如何实现这两个自定义的功能吧。

实现

具体的实现比较简单,核心是二个函数,

添加自定义命令editor.addCommand()

添加菜单项editor.addAction()

下面一起看一下如何使用这两个参数吧。

添加指令

要添加自定义指令,需要先创建一个上下文key,方法为editor.createContextKey()

传入两个参数,第一个就是key的名称,这里也可成为指令的名称,第二个参数可以是一个布尔类型,表示key的值

我们创建一个

var fizzCommand = editor.createContextKey(fizzCommand, true)

创建完key后,我们再将其与对应的组合键绑定到一起,这样当

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。