将自定义按钮添加到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 函数并放置插入代码。