editor - Derobins 从 WMD 编辑器中删除工具栏按钮

Question

我正在试用 Derobins WMD 编辑器，但想知道在哪里可以删除标题中的一些按钮，因为我的 PHP 应用程序中不需要它们。

图片，锚链接等按钮。

Answer 1

在 wmd.js 文件中，有一个名为makeSpritedButtonRow的函数，用于创建菜单上的每个按钮。它位于文件的第 913 行附近。

创建每个按钮的代码组合在一起，要禁用按钮，您需要注释掉要删除的按钮的代码块。

例子

下面是函数顶部的摘录。

var makeSpritedButtonRow = function(){

    var buttonBar = document.getElementById("wmd-button-bar");

    var normalYShift = "0px";
    var disabledYShift = "-20px";
    var highlightYShift = "-40px";

    var buttonRow = document.createElement("ul");
    buttonRow.id = "wmd-button-row";
    buttonRow = buttonBar.appendChild(buttonRow);


    var boldButton = document.createElement("li");
    boldButton.className = "wmd-button";
    boldButton.id = "wmd-bold-button";
    boldButton.title = "Strong <strong> Ctrl+B";
    boldButton.XShift = "0px";
    boldButton.textOp = command.doBold;
    setupButton(boldButton, true);
    buttonRow.appendChild(boldButton);

要禁用应用程序中的粗体按钮，请注释掉粗体按钮的代码块，使其看起来像下面的代码。

var makeSpritedButtonRow = function(){

    var buttonBar = document.getElementById("wmd-button-bar");

    var normalYShift = "0px";
    var disabledYShift = "-20px";
    var highlightYShift = "-40px";

    var buttonRow = document.createElement("ul");
    buttonRow.id = "wmd-button-row";
    buttonRow = buttonBar.appendChild(buttonRow);

    // var boldButton = document.createElement("li");
    // boldButton.className = "wmd-button";
    // boldButton.id = "wmd-bold-button";
    // boldButton.title = "Strong <strong> Ctrl+B";
    // boldButton.XShift = "0px";
    // boldButton.textOp = command.doBold;
    // setupButton(boldButton, true);
    // buttonRow.appendChild(boldButton);

这将删除按钮。