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

时间:2016-01-05 01:47:02

标签: javascript regex markdown simplemde

目前使用this Markdown WYSIWYG编辑器。我需要使用一个函数(!!text!!扩展Markdown来创建红色文本)并在服务器端成功完成,但是作为一个与JavaScript斗争的人,我很难为此库做同样的事情

1 个答案:

答案 0 :(得分:24)

试试这个:

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处查看。