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

【问题标题】：How do i activate the fullscreen addon in codemirror?如何在 codemirror 中激活全屏插件？
【发布时间】：2014-04-08 21:18:22
【问题描述】：

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

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

【问题讨论】：

标签： codemirror

【解决方案1】：

这将获得选项值：

 editor.getOption("fullScreen")

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

editor.setOption("fullScreen", true)

（编辑器是你实例化的实例）这是一个实例化一个用咖啡脚本编写的新 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

【讨论】：