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


    背景

    在monaco编辑器中已经有了很多指令,这些指令极大地方便了我们的编辑工作,比如用于查询的Ctrl+F
    有时为了满足业务的需要我们需要自己添加一些指令,比如在按下End键,弹出提示编辑器的一些统计信息。

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

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

    实现

    具体的实现比较简单,核心是二个函数,
    添加自定义命令 editor.addCommand()
    添加菜单项 editor.addAction()

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

    添加指令

    要添加自定义指令,需要先创建一个上下文key,方法为editor.createContextKey()
    传入两个参数,第一个就是key的名称,这里也可成为指令的名称,第二个参数可以是一个布尔类型,表示key的值
    我们创建一个
    var fizzCommand = editor.createContextKey('fizzCommand', true)

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

  • 相关阅读:
    Codeforces Round #809 (Div. 2) A~D
    Mac:如何配置java和maven环境变量
    【HMS core】【FAQ】典型问题合集7
    cocoapods使用
    信道复用技术
    设计模式(16)迭代器模式
    黄金现货操作与盈亏
    【web】java多线程(吐血万字超详解)
    【DL with Pytorch】第 5 章 :风格迁移
    Java的根类Object
  • 原文地址:https://blog.csdn.net/github_35631540/article/details/127075396