Используйте пробелы CSS в синтаксисе предварительного кода версии 11 ⇐ CSS

[Anonymous]

Согласно официальной документации, в синтаксическом Hightlight версии 11 удалена конфигурация useBR.
Рекомендуется использовать плагин или просто css white-space:pre
Я могу сделать это с помощью такого плагина.

Код: Выделить всё

Hightlight With Plugin






<div class="code">
<script>
console.log("Hello, World!");
</script>
</div>

//https://github.com/highlightjs/highlight.js/issues/2559
const brPlugin = {
"before:highlightBlock": ({
block
}) => {
block.innerHTML = block.innerHTML.replace(/\n/g, '').replace(/
/g, '\n');
},
"after:highlightBlock": ({
result
}) => {
result.value = result.value.replace(/\n/g, "
");
}
};

// how to use it
hljs.addPlugin(brPlugin);

hljs.highlightAll();







Как это сделать с помощью простого CSS-пробела:pre ?

Подробнее здесь: https://stackoverflow.com/questions/785 ... version-11