我如何在codemirror中执行上下文相关菜单？

Question

我正在使用codemirror5.1，我需要在codemirror中创建上下文相关菜单，所以任何正文都可以为我提供示例如何在codemirror中创建上下文相关菜单？编辑：我想通过添加事件来编辑上下文敏感菜单的上下文，例如我想添加到menue中的单词（显示示例），当我按下它然后触发了一个事件，我可以这样做吗？ ？提前致谢

Answer 1

djibe89's fiddle展示了如何创建一个上下文菜单。这可以应用于CodeMirror。

        <div class="dropdown-menu dropdown-menu-sm" id="context-menu">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>

        $('.CodeMirror').on('contextmenu', function(e) {

            var top = e.pageY - 10;
            var left = e.pageX - 90;

            $("#context-menu").css({
                 display: "block",
                 top: top,
                 left: left
            }).addClass("show");

            return false; 

         }).on("click", function() {

            $("#context-menu").removeClass("show").hide();

         });