editor - DerobinsによるWMDエディターからのツールバーボタンの削除

Question

Derobins WMD Editorを試していますが、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);

これにより、ボタンが削除されます。