我如何激活codemirror中的全屏插件？

Question

CodeMirrors全屏模式的文檔似乎有點稀疏。例如，我如何告訴它聽按鍵來激活全屏？或者我如何使用按鈕切換全屏？

爲了有利於他人bellow是我找到的解決方案。

Answer 1

這將讓該選項的值：

editor.getOption("fullScreen") 

這將選擇全屏設置爲true：

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