javascript - GhostDown Markdown编辑器如何设置值

Question

我正在开发一个简单的笔记应用程序并使用 GhostDown Markdown 编辑器。它非常好，我喜欢它，但我无法尝试以编程方式设置它的值。

我可以很容易地得到值。 $('.entry-markdown-content textarea').val()

但是设置它是另一回事... :(

我正在研究的原型(prototype)可以在 http://potusnotes.com 看到

Answer 1

对于 editor 部分，Ghost-Markdown-Editor 使用 CodeMirror editor .因此，要以编程方式设置值，我们将调用 CodeMirror 的实例并执行

editor.setValue(txt);

但是如何获取那个 CM 实例呢？它是由创建 Ghost-Markdown-Editor 的小部件创建的。请参阅 jquery.ghostdown.js 文件:

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

}

由于小部件是使用 jQuery 小部件工厂制作的，因此保留了一个小部件实例 inside .data("plugin-name")使用它的对象的元素。

因此我们可以像这样访问小部件实例并设置编辑器值:

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

或者干脆

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