将自定义按钮添加到WMD编辑器

时间:2011-01-18 11:07:55

标签: javascript textarea wysiwyg markdown wmd

有没有办法向WMD Editor添加自定义按钮以扩展编辑器的功能?

我想要添加的各种按钮的想法是:

  • 标记所选文字
  • 插入一些预定义文字

感谢
Turgs

1 个答案:

答案 0 :(得分:3)

是的,你可以。

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函数并放置插入代码。