向 WMD 编辑器添加自定义按钮

【问题标题】：Adding custom buttons to WMD Editor向 WMD 编辑器添加自定义按钮
【发布时间】：2011-06-11 00:50:37
【问题描述】：

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

我想添加的各种按钮的想法是：

标记所选文本
插入一些预定义的文本

谢谢
图格斯

【问题讨论】：

是否有一种常设的方式来扩展 WMD 编辑器...或任何变体，例如 Stack Overflow 的版本？

标签： javascript textarea wysiwyg markdown wmd

【解决方案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 函数并放置您的插入代码。

【讨论】：