2016-01-05 31 views
9

Şu anda this Markdown WYSIWYG düzenleyicisini kullanmaktadır. Markdown'u tek bir işlevle (kırmızı metin oluşturmak için !!text!!) genişletmem gerekiyordu ve sunucu tarafında başarıyla yaptım, ancak JavaScript ile mücadele eden biri olarak, bu kitaplık için aynı şeyi yapmakta zorluk çekiyorum.SimpleMDE'ye özel bir Markdown işlevi nasıl eklenir?

cevap

17

bu deneyin:

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

} 

Sen araç dizisine ihtiyacınız olabilecek düğmelerin kalanını eklemek gerekir. Onları official GitHub repo numaralı telefondan kontrol edin.

+2

Kod ayna belgeleri için ilgili bağlantı: https://codemirror.net/doc/manual.html#api_selection – Jay

İlgili konular