web-dev-qa-db-ja.com

ジェイドの改行はどうですか？

これは非常に簡単であると確信していますが、サンプルコードのスニペットは見つかりませんでした。改行（別名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.

これを解決するより良い方法はありますか？ （偶然、私はイメージタグで同じことを求めています...）

node.jspug
65
Matteo

最もクリーンで簡単な解決策は、スタイル属性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.
55
Daniel Baulig

私はそれを考え出した。先に進んで、昔ながらの<br />タグがあります。あなたは黄金になります：）

p
 |hey this is my <br />
 |broken paragraph!

[〜＃〜] update [〜＃〜]：Jadeは、改行にbrのみの使用をサポートするようになりました。

51
Hacknightly

これは答えではないようですので：

また、Jade/Pugのインラインタグ形式を使用してインラインbrタグを追加することによっても実行できます。例：

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>
7
Jason C

あなたが知っているように..この情報を引き出している場合..既に手動で改行（フォームのテキストエリアなど）で入力したSQLデータベースから、次のことを行うことができます。あなたの出力

var contentParse = function(content){
    content = content.replace(/\n?\r\n/g, '<br />' );
    return content;
};

そして、ヒスイで使用します

!{content}

！レンダリングしようとしている変数に生のhtmlを挿入していることをヒスイに知らせます

ソース： https://github.com/visionmedia/jade#tag-text

6
haxxxton

行ごとに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.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
generalhenry

段落にスタイルを付けて改行を保持し、p行をドットで終了します。

.poem 
  p(style="white-space: pre-line;").
    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.
0
Oliver Kötter

最初の検索で年フィルターを使用していない場合に備えて： Jade HTMLでbrタグを追加する方法

前に|を付けてテキストを新しい行に配置します。

p first line
br
| second line
0
Giuseppe Leo

@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)を使用して、jadeテンプレートで使用できます。

0
yolk

これもうまくいきます。

div
   pre
      | this is line 1
      | this is line 2
0
Krone