WMDエディターにカスタムボタンを追加します

Question

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

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

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

ありがとう
ターグ

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）挿入テキスト関数を定義し、挿入コードを配置します。