Проблемы форматирования блока кода с Bootstrap и Pandoc

У меня есть блок кода в файле разметки Pandoc, обозначенный как:

```python
for x in range(10):
  print('id is', x)
```

Когда я использую команду

pandoc example.md -s -o example.html

Я получаю следующий вывод на веб-странице:

введите описание изображения здесь

Однако, когда я использую настраиваемый шаблон html, который использует Bootstrap CSS для генерации HTML, отступ в блоке кода неправильный. Команда

pandoc example.md --template=custom.html -s -o example2.html

производит следующий вывод на веб-странице:

пример два

Обратите внимание, насколько велик отступ во втором примере. Это происходит только тогда, когда для стилизации блоков кода используется Bootstrap. Проблема с отступом возникает не в первой строке, а только в последующих строках в блоке кода.

Шаблон, который я использую для создания HTML:

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Example Pandoc HTML</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    $if(quotes)$
      <style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style>
    $endif$

    $if(highlighting-css)$
      <style type="text/css">$highlighting-css$</style>
    $endif$

    $if(math)$
      $math$
    $endif$
  </head>

  <body>

    <div class="container">
      $body$
    </div>

  </body>

</html>

Как правильно отформатировать блоки кода с помощью Bootstrap и Pandoc при использовании настраиваемого HTML-шаблона?


html twitter-bootstrap markdown pandoc pre
person wigging    schedule 13.03.2017    source источник
comment
Предположительно вам нужно будет настроить / отредактировать некоторый CSS. Но без сгенерированных HTML и CSS, которые вы используете, трудно сказать, что это было бы.   -  person Waylan    schedule 14.03.2017
comment
@Waylan Единственный CSS, который я использую, - это Bootstrap, который был загружен прямо с веб-сайта. А HTML создается прямо из Pandoc.   -  person wigging    schedule 14.03.2017
comment
вы можете видеть, что происходит, например с помощью developers.google.com/web/tools/chrome-devtools/ инспектировать стили   -  person mb21    schedule 14.03.2017
comment
@Waylan Я обновил свой вопрос, включив в него настраиваемый шаблон HTML.   -  person wigging    schedule 15.03.2017

Ответы (1)


arrow_upward
7
arrow_downward

Удалите отступ $body$ в шаблоне, и он не изменит отступы для блоков кода.

    <div class="container">
$body$
    </div>
person snak    schedule 25.05.2018
comment
Большое спасибо за исправление! Работает как шарм для pandoc 2.13. - person Logstar; 07.04.2021