如何將自定義Markdown函數添加到SimpleMDE？

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。