pagedown - 在 pagedown 上隐藏按钮

Question

我现在在我的网站上使用pagedown，到目前为止它很棒，唯一的细节是它不是一个面向编程的网站，所以我想删除“代码”按钮。

有什么办法可以做到吗？我尝试使用 CSS 隐藏按钮，但 html 具有内联样式“left：xxx”，我无法使用 CSS 更改。

提前致谢！

Answer 1

如果您打开 Markdown.Editor.js，并滚动到大约第 1360 行（取决于您使用的版本），您将看到一个区域：

group1 = makeGroup(1);
buttons.bold = makeButton("wmd-bold-button", "Bold - Ctrl+B", "icon-bold", bindCommand("doBold"), group1);
buttons.italic = makeButton("wmd-italic-button", "Italic - Ctrl+I", "icon-italic", bindCommand("doItalic"), group1);

group2 = makeGroup(2);
buttons.link = makeButton("wmd-link-button", "Link - Ctrl+L", "icon-link", bindCommand(function (chunk, postProcessing) {
  return this.doLinkOrImage(chunk, postProcessing, false);
}), group2);
buttons.quote = makeButton("wmd-quote-button", "Blockquote - Ctrl+Q", "icon-blockquote", bindCommand("doBlockquote"), group2);
buttons.code = makeButton("wmd-code-button", "Code Sample - Ctrl+K", "icon-code", bindCommand("doCode"), group2);
buttons.image = makeButton("wmd-image-button", "Image - Ctrl+G", "icon-picture", bindCommand(function (chunk, postProcessing) {
  return this.doLinkOrImage(chunk, postProcessing, true);
}), group2);

等等等等。只需引用您不想要的按钮即可。

或者，您可以简单地省略整个 wmd-buttons div，只使用编辑器和预览组件。

Answer 2

• 在代码中搜索doClick(buttons.code)并注释掉

• 如果你看一下 makeButton 函数：

  var makeButton = function (id, title, XShift, textOp) {
  var button = document.createElement("li");
  button.className = "wmd-button";
  button.style.left = xPosition + "px";
  xPosition += 25;
  var buttonImage = document.createElement("span");
  button.id = id + postfix;
  button.appendChild(buttonImage);
  button.title = title;
  button.XShift = XShift;
  if (textOp)
      button.textOp = textOp;
  setupButton(button, true); // <--- LOOK HERE
  buttonRow.appendChild(button);
  return button;
  

  };

在函数true调用中传递的是标志。我所做的只是创建了另一个函数并将其放在第一个函数的正下方。我唯一改变的是那个标志。然后我改为.setupButtonisEnabledmakeButtonisEnabledfalsebutton.code = makeButton(...)button.code = makeButton2(...)

buttons.code = makeButton2("wmd-code-button", getString("code"), "-80px", bindCommand("doCode"));