Wie fügt man SimpleMDE eine benutzerdefinierte Markdown-Funktion hinzu?

Question

Derzeit mit this Markdown WYSIWYG-Editor. Ich musste Markdown mit einer Funktion (!!text!!, um roten Text zu erstellen) erweitern und habe dies erfolgreich auf der Serverseite getan, aber als jemand, der mit JavaScript kämpft, habe ich Schwierigkeiten, das gleiche für diese Bibliothek zu tun.

Answer 1

Versuchen Sie folgendes:

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); 

} 

Sie werden den Rest der Schaltflächen der Symbolleiste Array hinzuzufügen haben Sie benötigen. Überprüfen Sie sie unter der official GitHub repo.