如何向 SimpleMDE 添加自定义 Markdown 功能？

Question

目前正在使用 this Markdown 所见即所得编辑器。我需要用一个功能扩展 Markdown（!!text!! 以创建红色文本）并在服务器端成功地做到了这一点，但作为一个与 JavaScript 斗争的人，我很难为这个图书馆。

Answer 1

试试这个：

var myEditor = new SimpleMDE({
    toolbar: [
        {
            name: "redText",
            action: drawRedText,
            className: "fa fa-bold", // Look for a suitable icon
            title: "Red text (Ctrl/Cmd-Alt-R)",
        }
    ]
});

function drawRedText(editor) {

    var cm = editor.codemirror;
    var output = '';
    var selectedText = cm.getSelection();
    var text = selectedText || 'placeholder';

    output = '!!' + text + '!!';
    cm.replaceSelection(output);

}

您必须将您可能需要的其余按钮添加到工具栏阵列。在 official GitHub repo.

查看它们

如何向 SimpleMDE 添加自定义 Markdown 功能？

How to add a custom Markdown function to SimpleMDE?

javascript

regex

markdown

simplemde