• Вы здесь

    Как сделать подсветку синтаксиса в HTML-коде?

    Нейро

    Ответ создан на основе результатов поиска

    Для подсветки синтаксиса в HTML-коде можно использовать плагин highlight.js 45.
    Порядок действий 4:
    1. Скачать плагин с официального сайта 4.
    2. Разместить файлы в директорию шаблона сайта 4.
    3. В заголовке страницы подключить скрипт и файл стилей плагина 4:
    <link rel="stylesheet" href="/path/to/styles/default.css"> <script src="/path/to/highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script>
    1. Разметить код 4:
    • Первый способ: разместить код между тегами
      <pre><code>…</code></pre>
      4. Плагин попытается автоматически определить синтаксис кода и подсветить его 4.
    • Второй способ: указать синтаксис языка с помощью параметра class тега code, например:
      <pre><code class="html">...</code></pre>
      34.
    Также для подсветки синтаксиса в реальном времени можно использовать библиотеку CodeMirror 1.