moteur de template jade (sous node.js): bloc multi-lignes sans symbole de pipe

Je suis actuellement à l'aide de Jade sur un nouveau projet. Il semble bien adapté à la composition d'une webapp mises en page, mais pas pour la rédaction de contenu statique, comme une page web de

éléments contenant du texte.

Par exemple, pour créer un tel paragraphe, je crois que j'ai besoin pour ce faire:

p
  | This is my long,
  | multi-line
  | paragraph.

Pour une page web statique avec plein de vrais paragraphes de texte, à l'aide de jade devient un fardeau en raison de ce symbole au début de chaque ligne.

Est-il une sorte de sucre syntaxique pour le marquage de l'ensemble du bloc comme un nœud de texte, comme le symbole de canal sur une ligne par ligne? Ou un filtre existant, je suis pas d'?

Une solution, je suis d'explorer la création d'un :filtre de blocage ou de quelque chose, qui ajoute à chaque ligne avec une | puis on passe à Jade, mais jade documentation sur la création de filtres est rare pour dire le moins, de sorte que peut prendre un certain temps à comprendre. Si quelqu'un peut donner des conseils à une telle solution je vous en serais reconnaissant.

source d'informationauteur Jake

  1. 38

    De la jade page github:

    p.
foo asdf
asdf
 asdfasdfaf
 asdf
asd.

    produit de sortie:

    <p>foo asdf
asdf
  asdfasdfaf
  asdf
asd
.
</p>

    Le point final après le p est ce que vous cherchez.

  2. 7

    Après quelques retouches, j'ai travaillé sur les détails d'un filtre qui accomplit cette. Poster la réponse ici car j'imagine que cela sera utile à d'autres personnes à l'aide de jade.

    Le code pour créer le filtre s'avère être assez simple:

    var jade = require ("jade");

jade.filters.text = function(block, compiler){
    return new TextBlockFilter(block).compile();
};

function TextBlockFilter(node) {
    this.node = node;
}

TextBlockFilter.prototype.__proto__ = jade.Compiler.prototype;

TextBlockFilter.prototype.visit = function(node){

    //first this is called with a node containing all the block's lines
    //as sub-nodes, with their first word interpreted as the node's name
    //
    //so here, collect all the nodes' text (including its name)
    //into a single Text node, and then visit that instead.
    //the child nodes won't be visited - we're cutting them out of the
    //parse tree

    var text = new jade.nodes.Text();
    for (var i=0; i < node.length; i++) {
        text.push (node[i].name + (node[i].text ? node[i].text[0] : ""));
    }
    this.visitNode (text);
};

    Et puis le balisage ressemble à ceci. Notez qu'il permet d'inclure d'autres jade choses entre :des blocs de texte:

    p
  :text
    This is my first line of text,
    followed by another
    and another.  Now let's include a jade link tag:
  a(href="http://blahblah.com")
  :text
    and follow it with even more text 
    and more,
    etc