0

我正在样式化语法，HighlightJS但我遇到了空格和行号不匹配的问题。

问题：如果在添加空行syntax后没有立即启动。<code>

不可能总是以这种方式插入语法，我正在寻找 JavaScript 解决方案，仅删除第一个空行。

如果有人可以提及此问题的解决方案，这是简单的 JavaScript HowTo - -

JSFiddle

我正在寻找JavaScript解决方案或HighlightJS插件（如果有）

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Testing HighlightJS</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/styles/routeros.min.css">
</head>
<body>
    <h3>Testing HighlightJS</h3>
    <h4>CSS</h4>
    <pre><code class="language-css">
    .class{
    font-size: 0.85rem;
    font-weight: 600;
    font-family: monospace;
    }
    h1 .header{
    font-size: 1.5rem;;
    font-family: Arial;
    }
    </code></pre>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/highlight.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/languages/css.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.6.0/highlightjs-line-numbers.min.js"></script>
    <script>hljs.highlightAll(); hljs.initLineNumbersOnLoad();</script>
</body>
</html>

空格处

4

0 回答 0