javascript - WMDエディターへのカスタムボタンの追加

Question

エディターの機能を拡張するカスタムボタンをWMDエディターに追加する方法はありますか？

追加したいさまざまなボタンのアイデアは次のとおりです。

• 選択したテキストをマークアップします
• 事前定義されたテキストを挿入します

ありがとう
Turgs

Answer 1

はい、できます。

1）画像「wmd-buttons.jpg」を拡張する必要があります

画像を編集し、拡張機能のボタンを追加します。2）イベントにバインドするボタンのスクリプトを追加します（テキストの挿入など）

        var Insertbutton= document.createElement("li");
        Insertbutton.className = "wmd-button";
        Insertbutton.id = "wmd-insertsometext-button";
        Insertbutton.title = "Emphasis <em> Ctrl+v";
        Insertbutton.XShift = "-60px";
        Insertbutton.textOp = command.inserttext;
        setupButton(inserttextButton, true);
        buttonRow.appendChild(inserttextButton);

3）次に、inserttext関数を定義し、挿入コードを配置します。