2016-07-11 34 views
0

Ich möchte in den Codemirror-Editor eine lokale Datei beim Laden der Seite laden, ich habe versucht, FilerReader-APIs ohne Erfolg zu verwenden. Ich habe auch versucht, die Funktion jquery .load() zu verwenden, aber ich kann nur eine Datei in einem generischen Textbereich laden, nicht im Editor.CodeMirror - Laden der Datei im Editor beim Laden der Seite

Antwort

1

Auf Seite Last für Datenanforderung warten konnte, bevor abzuschließen Codemirror Initialisierung

Da jQuery wird es erwähnt verwenden zum Beispiel

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

}) 
+0

Ich habe ein Problem damit. Diese Funktion allein funktioniert nicht. Wenn ich es mit '$ (" # code ") kombiniere. Load (" test.html ")' es funktioniert aber nur, wenn ich den Code auf diese Weise setze: http://pastebin.com/AcdLeGmC. Wenn ich die Ladefunktion unter dem zweiten Skript-Tag verschiebe, funktioniert es nicht. In jedem Fall brechen Sie mit dieser Funktion alle CSS-Stil. – Motosega

+0

auch die Vorschau funktioniert nicht – Motosega

+0

was ist '# code'. wenn es ein textrea ist ... load() sollte nicht verwendet werden und sollte '$ .get' verwenden – charlietfl

1

Sie können den Inhalt auf eine <textarea> laden wie Sie vorher getan haben und dann CodeMirror Instanz mit CodeMirror.fromTextArea -Methode initialisiert werden.

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

Weitere Informationen finden Sie Basic Usage on CodeMirror documentation

+0

Der Versuch, dies der Datei laden, aber die Eigenschaften des Editors (wie Zeilennummern) und die Vorschau funktionieren nicht – Motosega

+0

Sie können ein zweites Argument übergeben, das enthält die Eigenschaften im Objektformat, um Dinge wie Zeilennummern zu ermöglichen. Siehe die Änderung. –