Cách đặt giá trị của trình soạn thảo GhostDown Markdown

Question

Tôi đang làm việc trên một ứng dụng ghi chú đơn giản và sử dụng trình soạn thảo GhostDown Markdown. Nó khá đẹp, tôi thích nó, nhưng tôi bị mắc kẹt cố gắng đặt giá trị của nó theo chương trình.

Tôi có thể nhận giá trị khá dễ dàng. $ ('Entry-markdown-content textarea'). Val()

Thiết tuy nhiên nó lại là chuyện khác ... :(

Nguyên mẫu của những gì tôi đang làm việc trên có thể được nhìn thấy ở http://potusnotes.com

Answer 1

Đối với biên tập phần, ghost-Markdown-editor sử dụng CodeMirror editor. Vì vậy, để thiết lập giá trị theo chương trình, chúng tôi sẽ gọi dụ CodeMirror và làm

editor.setValue(txt); 

Nhưng làm thế nào để lấy ví dụ CM đó? Nó được tạo ra bởi các widget mà Ghost-Markdown-Editor đã được tạo ra. Xem jquery.ghostdown.js file:

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

} 

Như widget đã được thực hiện với nhà máy jQuery Widget, một trường hợp phụ tùng được giữ inside .data("plugin-name") yếu tố của đối tượng nó được sử dụng trên.

Như vậy chúng ta có thể truy cập vào dụ widget và thiết lập giá trị biên tập như thế này:

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

Hoặc đơn giản là

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