Блог

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

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

#javascript #html #css #syntax-highlighting #syntaxhighlighter

#javascript #HTML #css #подсветка синтаксиса #синтаксис более высокий #syntaxhighlighter

Вопрос:

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

Спасибо!

Ответ №1:

 SyntaxHighlighter.defaults.toolbar = false;

Комментарии:

1. Я бы сказал, что этот ответ предпочтительнее рекомендации принятого ответа по изменению css темы. Если вы переключаете темы, вам придется изменять каждую из них. Ссылка здесь: alexgorbatchev.com/SyntaxHighlighter/manual/configuration

2. Многие из нас используют это в WordPress, и самый простой способ — зайти в настройки и снять флажок Показывать панель инструментов. опция. Который совпадает с этой конфигурацией. Спасибо, Фред!

Ответ №2:

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

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

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

Комментарии:

1. Наиболее подходящий метод — использовать ответ, предоставленный Фредом Янгом. Это можно установить на странице настроек плагина

Ответ №3:

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

 SyntaxHighlighter.defaults['toolbar'] = false;

Ответ №4:

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

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

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

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

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

.syntaxhighlighter .toolbar {
  background: none !important;
}

Комментарии:

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

Ответ №5:

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

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

 SyntaxHighlighter.all();

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

 SyntaxHighlighter.defaults['toolbar'] = false;

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

Ответ №6:

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

Ответ №7:

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

  1. Метод CSS: в файле shThemeDefault.css добавьте свойство для display: none; inside, selector: ‘.syntaxhighlighter .toolbar ‘

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

Подробное объяснение: используйте-syntax-highlighter-in-website-blog-html