SyntaxHighlighter: Как убрать салатовый вопросительный знак или хотя бы изменить его цвет?

Что ж, зеленый вопросительный знак не сочетается с цветовой схемой моего сайта. Как изменить/удалить? Вы можете увидеть это здесь: http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html

Спасибо!


person chrisapotek    schedule 31.10.2011    source источник


Ответы (7)


В вашем shThemeDefault.css вы можете найти следующий код:

.syntaxhighlighter .toolbar {
    background: none repeat scroll 0 0 #6CE26C !important;
    border: medium none !important;
    color: white !important;
}

Выше CSS определяет отображение зеленого цвета '?' отметьте на своем веб-сайте. Итак, если вы хотите скрыть это, укажите display : none в приведенном выше коде. Если вам нужно изменить цвет фона, вы можете указать желаемый цвет в свойстве background.

person Unknown    schedule 31.10.2011
comment
Наиболее подходящий метод - использовать ответ, предоставленный Фредом Янгом. Это можно установить на странице настроек плагина. - person scubasteve; 19.10.2013

Для версии 3.0.х

SyntaxHighlighter.defaults['toolbar'] = false;
person Dmitry Trifonov    schedule 01.12.2013

Что я нашел с данным ответом, так это то, что если вы попытаетесь использовать

<pre class="brush: plain; collapse: true">
    test
</pre

Он не будет отображать «расширить источник», так как вся панель инструментов скрыта.

Я считаю, что этот css нацелен только на зеленое поле и вопросительный знак, оставляя панель инструментов доступной для других функций.

.syntaxhighlighter div.toolbar span a.toolbar_item{
   display: none !important;
} 

.syntaxhighlighter .toolbar {
  background: none !important;
}
person David Kerwick    schedule 11.03.2014
comment
Основываясь на различных ответах, я решил изменить shCore.css, добавив display : none !important; к .syntaxhighlighter .toolbar. Это позволяет избежать необходимости включения SyntaxHighlighter.defaults['toolbar'] = false; в саму веб-страницу. Я предполагаю, что shCore.css влияет на все кисти. Неясно, именно это имел в виду @David Kerwick. - person lawlist; 18.04.2014

Если вы столкнулись с этой проблемой в своем блоге Google, это означает, что вы уже добавили библиотеки SyntaxHighlighter в свой шаблон.

Так что перейдите к шаблону в вашем Blogger. Затем нажмите Редактировать HTML и найдите строку:

SyntaxHighlighter.all();

Добавьте следующую строку перед этой строкой:

SyntaxHighlighter.defaults['toolbar'] = false; 

Это отключит светло-желтый вопросительный знак в Blogger.

person Pramod Kishore    schedule 19.06.2016

Используйте API конфигурации Syntax Highlighter, чтобы отключить панель инструментов и поле с зеленым вопросительным знаком, если оно не отображается должным образом.

После ссылок на сценарии кисти добавьте это...

...
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
... 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.all();
</script>
person e.s. kohen    schedule 17.11.2014

Панель инструментов вопросительного знака можно удалить двумя способами;

  1. Метод CSS: в файле shThemeDefault.css добавить свойство для display: none; внутри, селектор: '.syntaxhighlighter .toolbar'

  2. Метод оператора JavaScript Непосредственно перед закрытием тега вместе с оператором SyntaxHighlighter.all(); включите этот оператор SyntaxHighlighter.defaults.toolbar = false; или SyntaxHighlighter.defaults['toolbar'] = false;

Подробное объяснение: use- подсветка синтаксиса в блоге веб-сайта-html

person Om Sao    schedule 17.01.2019

person    schedule
comment
Я бы сказал, что этот ответ предпочтительнее, чем рекомендация принятого ответа по изменению css темы. Если вы переключаете темы, вам придется изменить каждую из них. Ссылка находится здесь: alexgorbatchev.com/SyntaxHighlighter/manual/configuration - person Subfuzion; 29.10.2012
comment
Многие из нас используют это в Wordpress, и самый простой способ — зайти в настройки и снять флажок «Показать панель инструментов». Это то же самое, что и эта конфигурация. Спасибо, Фред! - person Eric Bishard; 23.06.2015