codemirror - 如何在 codemirror 中激活全屏插件？

Question

CodeMirrors 全屏模式的文档似乎有点稀疏。例如，我如何告诉它监听键以激活全屏？或者如何使用按钮切换全屏？

为了他人的利益，下面是我找到的解决方案。

Answer 1

这将获得选项值:

 editor.getOption("fullScreen")

这会将选项全屏设置为真:

editor.setOption("fullScreen", true)

(编辑器是你实例化的实例)这是一个实例化一个用 CoffeeScript 编写的新 CodeMirror 对象的工作示例:

$(document).ready ->
    editor = CodeMirror.fromTextArea(code_area,
        name: 'htmlmixed'
        htmlMode: true
        theme: 'default'
        lineNumbers: true
        indentUnit: 4
        keyMap: 'sublime'
        extraKeys: 
            "Ctrl-Enter": (cm) ->
                cm.setOption "fullScreen", !cm.getOption("fullScreen")
                return

            Esc: (cm) ->
                cm.setOption "fullScreen", false
                return
    )

基于此javascript:

   var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
      lineNumbers: true,
      theme: "night",
      extraKeys: {
        "F11": function(cm) {
          cm.setOption("fullScreen", !cm.getOption("fullScreen"));
        },
        "Esc": function(cm) {
          if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
        }
      }
    });

取自这里:https://github.com/marijnh/CodeMirror/blob/master/demo/fullscreen.html