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

时间:2017-02-21 12:41:32

标签: codemirror

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

1 个答案:

答案 0 :(得分:0)

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();

         });