Wie setze ich den Wert von GhostDown Markdown-Editor

Question

Ich arbeite an einer einfachen Notiz Anwendung und Verwendung von GhostDown Markdown-Editor. Es ist ziemlich nett, ich mag es, aber ich stehe fest und versuche es programmatisch zu setzen.

Ich kann Werte leicht herausbekommen. $ ('Einstiegs-Abschlags-Inhalt Textarea'). Val()

Einstellung aber es ist eine andere Geschichte ... :(

Prototyp dessen, was ich arbeite kann bei http://potusnotes.com

zu sehen

Answer 1

Für die Editor Teil Ghost-Markdown-Editor CodeMirror editor verwendet. also Wert programmatisch zu setzen, würden wir Codemirror der Instanz und tun

editor.setValue(txt); 

Aber nennen, wie um diese CM-Instanz zu bekommen? Es wurde mit dem Widget erstellt, mit dem der Ghost-Markdown-Editor erstellt wurde. Siehe jquery.ghostdown.js Datei:

$.widget("b4m.ghostDown", { 
    editor: null, 
    // ... 
    _create: function() { 
     // ... 
     this.editor = CodeMirror.fromTextArea(this.element.find('textarea')[0], { 
      mode: 'markdown', 
      tabMode: 'indent', 
      lineWrapping: true 
     }); 
    } 

} 

Wie das Widget mit jQuery Widget Fabrik hergestellt wurde, ist eine Widget-Instanz inside .data("plugin-name") Element des Objekts gehalten wurde verwendet, auf.

So können wir Widget-Instanz und setzen Editor Wert wie folgt zugreifen:

var ghostdown = $(".editor").data("b4m-ghostDown"); 
ghostdown.editor.setValue("# Hello, SO"); 

Oder einfach

$(".editor").data("b4m-ghostDown").editor.setValue("# Hello, SO");