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

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

13 голосов
/ 31 октября 2011

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

Спасибо! * * 1004

Ответы [ 7 ]

46 голосов
/ 22 июня 2012 
SyntaxHighlighter.defaults.toolbar = false;
10 голосов
/ 31 октября 2011

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

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

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

3 голосов
/ 01 декабря 2013

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

SyntaxHighlighter.defaults['toolbar'] = false;
1 голос
/ 19 июня 2016

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

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

SyntaxHighlighter.all();

Добавьте строку ниже перед этой строкой: 

SyntaxHighlighter.defaults['toolbar'] = false;

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

1 голос
/ 12 марта 2014

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

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

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

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

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

.syntaxhighlighter .toolbar {
  background: none !important;
}
0 голосов
/ 17 января 2019

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

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

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

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

0 голосов
/ 17 ноября 2014

Используйте 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>
...