Скрыть кнопки на странице вниз

Я использую pagedown на своем веб-сайте прямо сейчас, и пока это здорово, единственная деталь заключается в том, что это не веб-сайт, ориентированный на программирование, поэтому я хотел бы удалить кнопку «код».

Есть ли способ сделать это? Я пытался использовать CSS, чтобы скрыть кнопки, но в html есть встроенные стили «left: xxx», которые я не могу изменить с помощью CSS.

Заранее спасибо!


pagedown
person gosukiwi    schedule 08.11.2012    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Если вы откроете 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);

Так далее и тому подобное. Просто укажите кнопки, которые вам не нужны.

Кроме того, вы можете просто пропустить весь div wmd-buttons и использовать только компоненты редактора и предварительного просмотра.

person rcd    schedule 05.02.2013

arrow_upward
0
arrow_downward

  • Найдите 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, передаваемый при вызове функции setupButton, является флагом isEnabled. Что я сделал, так это просто создал еще одну функцию makeButton и поместил ее прямо под первой. Единственное, что я изменил, это флаг isEnabled на false. Затем я изменился с button.code = makeButton(...) на button.code = makeButton2(...).

buttons.code = makeButton2("wmd-code-button", getString("code"), "-80px", bindCommand("doCode"));
person Geoffrey Haynes    schedule 14.03.2013