Как насчет Линейных перерывов в Джейд?
Я уверен, что это не проблема, но я не нашел фрагмента кода образца.
Каков наилучший способ вставки разрывов строк (иначе это хороший ol 'br/)?
Насколько я могу понять, поставил ли я "br" в начале пустой строки, он отображается как <br/>
, но если мне нужно показать несколько строк текста, то полученный код достаточно подробный:
.poem
p
| Si chiamava Tatiana, la sorella…
br
| Noi siamo i primi, almeno lo crediamo
br
| Che un tale nome arditamente nella
br
| Cornice d’un romanzo introduciamo.
br
| E che dunque? E’ piacevole, sonoro.
br
| Lo so che a molti privo di decoro
br
| Apparirà, già fuori moda, e degno
br
| Piuttosto d’un ancella, certo segno,
br
| confessiamolo pur senza paura,
br
| di quanto s’è noialtri al gusto avversi
br
| nei nostri nomi (a non parlar di versi). |br
br
| Credemmo conquistare la cultura,
br
| e non ne abbiamo preso, in conclusione,
br
| che la ricerca dell’affettazione.
Есть ли лучший способ решить эту проблему?
(кстати, я прошу то же самое с тегом изображения...)
Ответы
Ответ 1
Самое чистое и простое решение - использовать атрибут style white-space: pre;
например:
.poem
p(style='white-space:pre;')
| Si chiamava Tatiana, la sorella…
| Noi siamo i primi, almeno lo crediamo
| Che un tale nome arditamente nella
| Cornice d’un romanzo introduciamo.
| E che dunque? E’ piacevole, sonoro.
| Lo so che a molti privo di decoro
| Apparirà, già fuori moda, e degno
| Piuttosto d’un ancella, certo segno,
| confessiamolo pur senza paura,
| di quanto s’è noialtri al gusto avversi
| nei nostri nomi (a non parlar di versi). |br
| Credemmo conquistare la cultura,
| e non ne abbiamo preso, in conclusione,
| che la ricerca dell’affettazione.
Ответ 2
Я понял это. Просто вперед и бросьте хороший модный тег <br />
там. Вы будете золотыми:)
p
|hey this is my <br />
|broken paragraph!
UPDATE. Теперь Jade поддерживает только br
для разрывов строк.
Ответ 3
чтобы вы знали.. если вы извлекаете эту информацию.. скажем, из базы данных SQL, где вы уже вручную вводили разрывы строк (например, в текстовом поле формы), вы можете сделать следующее: сервер для вашего вывода
var contentParse = function(content){
content = content.replace(/\n?\r\n/g, '<br />' );
return content;
};
а затем в использовании нефрита
!{content}
the! позволяет jade знать, что вы вставляете raw html в переменную, которую вы пытаетесь отобразить
источник: https://github.com/visionmedia/jade#tag-text
Ответ 4
безопасно с div на строку:
p.poem
.line Si chiamava Tatiana, la sorella…
.line Noi siamo i primi, almeno lo crediamo
.line Che un tale nome arditamente nella
.line Cornice d’un romanzo introduciamo.
.line E che dunque? E’ piacevole, sonoro.
.line Lo so che a molti privo di decoro
.line Apparirà, già fuori moda, e degno
.line Piuttosto d’un ancella, certo segno,
.line confessiamolo pur senza paura,
.line di quanto s’è noialtri al gusto avversi
.line nei nostri nomi (a non parlar di versi).
.line Credemmo conquistare la cultura,
.line e non ne abbiamo preso, in conclusione,
.line che la ricerca dell’affettazione.
или просто с pre:
стиль pre.poem {font-family: ariel}
pre.poem
Si chiamava Tatiana, la sorella…
Noi siamo i primi, almeno lo crediamo
Che un tale nome arditamente nella
Cornice d’un romanzo introduciamo.
E che dunque? E’ piacevole, sonoro.
Lo so che a molti privo di decoro
Apparirà, già fuori moda, e degno
Piuttosto d’un ancella, certo segno,
confessiamolo pur senza paura,
di quanto s’è noialtri al gusto avversi
nei nostri nomi (a non parlar di versi).
Credemmo conquistare la cultura,
e non ne abbiamo preso, in conclusione,
che la ricerca dell’affettazione.
Ответ 5
Это не кажется ответом, поэтому:
Вы также можете сделать это, добавив теги inline br
, используя формат встроенного тега Jade/Pug, например:
p.
Some text on the first line.#[br]
Some text on the second line.
Выдает:
<p>Some text on the first line.<br>
Some text on the second line.
</p>
Ответ 6
На всякий случай, если вы не использовали фильтр года для первого поиска:
Как добавить ярлык br с Jade HTML
Поместите текст в новую строку с предыдущим |:
p first line
br
| second line
Ответ 7
это также хорошо работает.
div
pre
| this is line 1
| this is line 2
Ответ 8
Я смог сделать следующее после @haxxxton
app.use(function(req, res, next){
var contentParse = function (content){
content = content.replace(/\n?\r\n/g, '<br />' );
return content;
};
res.locals.contentParse = contentParse;
next();
});
Например, его можно использовать в шаблоне нефрита, используя функцию p!= contentParse(post.description)
Ответ 9
Попробуйте следующее:
- for(var i = 0; i < 10; i++)
| hello
| world