如何设置GhostDown Markdown编辑器的值

How to set the value of GhostDown Markdown editor

本文关键字：Markdown 编辑器 GhostDown 何设置 设置      更新时间：2023-09-26

我正在开发一个简单的笔记应用程序，并使用GhostDown Markdown编辑器。它很不错，我喜欢它，但我一直在尝试用程序设置它的值。

我可以很容易地获得价值$（'.entry markdown content textarea'）.val（）

然而，设置它是另一个故事…：（

我正在研究的原型可以在http://potusnotes.com

对于编辑器部分，Ghost Markdown编辑器使用CodeMirror编辑器。因此，为了以编程方式设置值，我们将调用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
        });
    }
}

由于小部件是用jQueryWidget工厂制作的，所以小部件实例保存在它所用对象的.data（"插件名称"）元素中。

因此，我们可以访问小部件实例并设置编辑器值，如下所示：

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

或者只是

$(".editor").data("b4m-ghostDown").editor.setValue("# Hello, SO");
相关文章：