从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);

要禁用应用程序中的粗体按钮，请注释掉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);

这将删除按钮。