#javascript #highlightjs
Вопрос:
Я стилизую синтаксис, HighlightJS
но у меня была проблема с несоответствием пространства и номера строки.
Проблема : Если программа syntax
не запускается сразу после <code>
добавления пустой строки.
Не всегда возможно вставить синтаксис таким образом, я ищу решение JavaScript, чтобы удалить только первую пустую строку.
Это простой JavaScript как сделать, если кто-нибудь может упомянуть решение этой проблемы — —
Я ищу 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/1912. Вот пример реализованного решения. jsfiddle.net/mbkgqr21 Пожалуйста, обратите внимание, что это решение удалит новую строку из всех блоков кода на странице. Не только тот, который тебе нужен. Поэтому, если в будущем вы создадите несколько блоков кода, и вам понадобится новая строка на них. Это также приведет к удалению оттуда
3. @pevecg не могли бы вы разобраться в этом — jsfiddle.net/dsmith33/h6ywgfa8/17 Я пытаюсь добавить — кнопка копирования и буфер обмена, действие. Также
copy
кнопка не выравнивается, добавьтеstyle: hover
видимый, в противном случае, только светло — серый текст,