2016-01-05 14 views
9

現在使用していますthis Markdown WYSIWYGエディタ。私はマークダウンを1つの機能(!!text!!赤いテキストを作成する)で拡張し、サーバー側で成功させる必要がありましたが、JavaScriptで苦労している人として、このライブラリで同じことをするのが難しいです。SimpleMDEにカスタムMarkdown関数を追加するには?

答えて

17

はこれを試してみてください:

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で確認してください。

+2

コードミラーへの関連リンクdocs:https://codemirror.net/doc/manual.html#api_selection – Jay

関連する問題