Две линии разрыва в уценке

Question

У меня есть следующая строка JS, которая создает уценку с правильным разрывом между двумя строками:

`this is some text${'  '}
and this is a new line
`

Обратите внимание на два явных пробела в конце первой строки. Тем не менее, я не могу понять, как сделать две строки разрыва. Я пробовал добавить 4 пробела, но не работает.

Чего мне не хватает?

Answer 1

Вы можете использовать `` обратные пометки для этого: Строки шаблона ES6 .

let text = `this is some text${'  '} \n \n and this is a new line`

Answer 2

Вам необходимо использовать блок кода или необработанный HTML (см. Ниже). Но сначала давайте рассмотрим, почему ваши попытки не работают ...

Уценка не интерпретируется внутри блоков кода и интервалов. В противном случае, как бы вы продемонстрировали синтаксис Markdown в документе Markdown. Следовательно, двойные пробелы для принудительного переноса строки игнорируются в пределах вашего кода. Кроме того, любой тег <br> считается частью кода и экранируется (как <br>) для отображения в промежутке.

Код, разделенный одиночными обратными галочками, представляет собой диапазон кода, а не блок кода. Пределы кода не сохраняют все пробелы. Они следуют нормальному поведению пробелов в HTML, сводя все пробелы к одному пробелу.

Если вы хотите сохранить все пробелы, включая переводы строки, вам следует поместить свой код в блок кода. Внутри блока кода все символы новой строки сохраняются без необходимости добавлять лишние пробелы. Есть несколько способов представить блок кода. Разумеется, стандартный способ отступа блока:

Some document text

    this is some text${'  '}
    and this is a new line

More document text

В качестве альтернативы, если вы используете реализацию Markdown, которая поддерживает блоки изолированного кода (не все это делают), то вы можете использовать тройной обратный трюк для разделения вашего блока кода:

Some document text

```
this is some text${'  '}
and this is a new line
```

More document text

Оба вышеприведенных рендера одинаковы:

Некоторый текст документа

this is some text${'  '}
and this is a new line

Больше текста документа

Обратите внимание, что перевод строки сохраняется. Никаких специальных трюков не требуется.

Все это говорит о том, что если вам действительно нужен диапазон кода, содержащий разрыв строки, то он выходит за рамки синтаксиса Markdown. Однако, как всегда, все, что вы не можете сделать в Markdown, можно сделать с помощью необработанного HTML. Поэтому вы можете сделать следующее:

<code>this is some text${'  '}<br>and this is a new line</code>

Что отображается как:

this is some text${' '}<br>and this is a new line

Answer 3

Не уверен, что это именно то, что вы ищете, но вы можете добавить символ разрыва строки <br />, чтобы пропустить столько строк, сколько захотите.

this is some text${'<br /><br />'}  

это какой-то текст $ {'

'}