Come impostare il valore di GhostDown Markdown editor

Question

Sto lavorando su una semplice nota che prende l'applicazione e utilizza l'editor GhostDown Markdown. È carino, mi piace, ma sono bloccato cercando di impostare il suo valore in modo programmatico.

Posso ottenere valori abbastanza facilmente. $ ('Textarea entry-mark-down-content'). Val()

impostazione però è un'altra storia ... :(

prototipo di quello su cui sto lavorando può essere visto a http://potusnotes.com

Answer 1

per l'editor di parte, Ghost-Markdown-Editor utilizza CodeMirror editor. Quindi, per impostare il valore a livello di codice, che noi chiameremmo esempio di CodeMirror e fare

editor.setValue(txt); 

Ma come per ottenere quell'istanza di CM? È stato creato dal widget con cui è stato creato Ghost-Markdown-Editor. Vedere jquery.ghostdown.js di file:

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

} 

Mentre il widget è stato realizzato con jQuery Widget fabbrica, un'istanza widget è mantenuto inside .data("plugin-name") elemento dell'oggetto è stato utilizzato su.

Così possiamo accedere widget di esempio e il valore editor di impostare in questo modo:

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

O semplicemente

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