Обрезать пустую строку с помощью JavaScript

#javascript #highlightjs

Вопрос:

Я стилизую синтаксис, HighlightJS но у меня была проблема с несоответствием пространства и номера строки.

Проблема : Если программа syntax не запускается сразу после <code> добавления пустой строки.

Не всегда возможно вставить синтаксис таким образом, я ищу решение JavaScript, чтобы удалить только первую пустую строку.

Это простой JavaScript как сделать, если кто-нибудь может упомянуть решение этой проблемы — —

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> 

пустое место

Комментарии:

1. В настоящее время не могу дать правильный ответ, поэтому я прокомментирую var y = document.querySelectorAll("language-css"); for(var i = 0; i < y.length; i ) { y[i].innerHTML = y[i].innerHTML.replace("n", ""); } github.com/jekyll/jekyll-help/issues/191

2. Вот пример реализованного решения. jsfiddle.net/mbkgqr21 Пожалуйста, обратите внимание, что это решение удалит новую строку из всех блоков кода на странице. Не только тот, который тебе нужен. Поэтому, если в будущем вы создадите несколько блоков кода, и вам понадобится новая строка на них. Это также приведет к удалению оттуда

3. @pevecg не могли бы вы разобраться в этом — jsfiddle.net/dsmith33/h6ywgfa8/17 Я пытаюсь добавить — кнопка копирования и буфер обмена, действие. Также copy кнопка не выравнивается, добавьте style: hover видимый, в противном случае, только светло — серый текст,