Подтвердить что ты не робот

Как насчет Линейных перерывов в Джейд?

Я уверен, что это не проблема, но я не нашел фрагмента кода образца. Каков наилучший способ вставки разрывов строк (иначе это хороший 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.

Есть ли лучший способ решить эту проблему? (кстати, я прошу то же самое с тегом изображения...)

4b9b3361

Ответ 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