2016-01-05 19 views
9

Obecnie za pomocą edytora WYSIWYG Markdown this. Potrzebowałem rozszerzyć Markdown o jedną funkcję (!!text!!, aby utworzyć czerwony tekst) i z powodzeniem zrobiłem to po stronie serwera, ale jako ten, który zmaga się z JavaScriptem, mam trudności z robieniem tego samego dla tej biblioteki.Jak dodać niestandardową funkcję Markdown do SimpleMDE?

Odpowiedz

17

Spróbuj tego:

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

} 

trzeba będzie dodać do tablicy paska narzędzi resztę przycisków mogą być potrzebne. Sprawdź je pod numerem official GitHub repo.

+2

odpowiedni link do kodu źródłowego docs: https://codemirror.net/doc/manual.html#api_selection – Jay