CodeMirror - 在頁面加載時在編輯器中加載文件

我想在頁面加載時在Codemirror編輯器中加載本地文件，我嘗試過使用FilerReader API而沒有成功。我也嘗試使用jquery .load（）函數，但我只能在通用textarea中加載不在編輯器中的文件。CodeMirror - 在頁面加載時在編輯器中加載文件

來源

2016-07-11 Motosega

在頁面加載可以等待數據請求初始化codemirror

因爲jQuery的提到會使用它，例如

$(function(){ 
    $.get('path/to/codefile', function(data){ 
      $('textarea#editorId').val(data); 
      // now init codemirror 
    }) 

})

來源

2016-07-11 13:07:25 charlietfl

我遇到了一些問題。僅此功能不起作用。如果我將它與'$（「＃code」）。load（「test.html」）結合使用，但是隻有以這種方式設置代碼：http://pastebin.com/AcdLeGmC。如果我在第二個腳本標記下移動加載函數，它不起作用。在任何情況下使用這個函數都會打破所有的CSS樣式。 – Motosega

也預覽不起作用 – Motosega

什麼是'＃代碼'。如果它是一個文本區... load（）不應該被使用，並且應該使用'$ .get' – charlietfl

您可以像以前一樣將內容加載到<textarea>，然後使用CodeMirror.fromTextArea-方法初始化CodeMirror實例。

var myTextArea = document.getElementById("myTextArea"); 
var myCodeMirror = CodeMirror.fromTextArea(myTextArea{ 
    lineNumbers: true, 
    mode: "javascript" 
});

欲瞭解更多信息，請參閱Basic Usage on CodeMirror documentation

來源

2016-07-11 13:06:33

嘗試之前完成這個文件加載但編輯特性（如lineNumbers）和預覽不起作用 – Motosega

您可以傳遞第二個參數，其中包含以對象格式的屬性來啓用行號等內容。查看編輯。 –

CodeMirror - 在頁面加載時在編輯器中加載文件

回答

相關問題