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

发布于 2024-10-12 16:56:45 字数 202 浏览 1 评论 0原文

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

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

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

谢谢
图尔格斯

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

兲鉂ぱ嘚淚 2024-10-19 16:56:45

是的，你可以。

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

Yes, you can.

1) you need extend the Images "wmd-buttons.jpg"

edit the image and add a button for extended functionality.
2) Add Script for the button to bind with an event(like inserting some text)

        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) Now Define inserttext function and place your insertion code.

回复收藏 0 原文

~没有更多了~