Ошибка поля SyntaxHighlighter с начальной загрузкой?

У меня есть этот код.

<pre class="brush: xml">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;Test xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema&quot;&gt;
    &lt;ABC&gt;
      &lt;A&gt;B&lt;/A&gt;
    &lt;/ABC&gt;
&lt;/Test&gt;</pre>

И этот javascript.

<script type="text/javascript">SyntaxHighlighter.all();</script>

Перед этим я загрузил:

  • XRegExp.js
  • shCore.js
  • shBrushXml.js

И CSS:

  • shCoreRDark.css
  • shThemeRDark.css

Но это выглядит так: Пример ошибки

Проблема в том, что первая строка находится между строками 1 и 2. Неверное поле или что-то еще!? Я не знаю. С FireBug я не могу найти проблему :(

И кстати... Можно ли отключить/скрыть "?" кнопка в правом верхнем углу?

Пример скрипки (плохой разбор!?): http://jsfiddle.net/Zrm2G/


javascript css twitter-bootstrap syntax-highlighting syntaxhighlighter
person PatrickB    schedule 24.03.2014    source источник
comment
Нам нужно увидеть ваш CSS. В идеале нам нужно увидеть рабочий пример вашей страницы с использованием JSFiddle или аналогичного? Пробовали ли вы самостоятельно проверять HTML/CSS с помощью firebug, чтобы увидеть, какие правила CSS применяются к тегу ‹pre›?   -  person James King    schedule 24.03.2014
comment
Я готовлю пример JSFiddle. Я использую Twitter Bootstrap.   -  person PatrickB    schedule 24.03.2014
comment
Это как jsfiddle.net/Zrm2G   -  person PatrickB    schedule 24.03.2014
comment
Вы не можете ссылаться на файлы js на GITHUB с помощью jsFiddle   -  person epascarello    schedule 24.03.2014

Ответы (1)


arrow_upward
9
arrow_downward

Я считаю, что проблема связана с SyntaxHighlighter, использующим class="container", который имеет конфликт имен с BootStrap.

В частности, bootstrap.css добавляет следующее, что ставит поле перед отображаемым содержимым:

.container:before, .container:after {
    display: table;
    content: "";
    line-height: 0;
}

Я решил эту проблему, переопределив этот css в основном файле css моего сайта, когда класс контейнера используется в таблице SyntaxHighlighter:

.syntaxhighlighter table .container:before {
    display: none !important;
}
person Derek Eatough    schedule 01.04.2014
comment
Я попробовал это в Dokuwiki и работает как шарм. Добавил эти строки в этот файл: lib/plugins/syntaxhighlighter3/sxh3/styles/shCore.css - person Errepunto; 30.12.2015