2012-05-09 15 views
39

ho questo codice jade:Aggiungere uno spazio bianco alla fine della linea a Jade

p 
    | Avatar hosted by 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

Il problema è, è reso a

<p>Avatar hosted by<a href="http://www.gravatar.com/" target="_blank">Gravatar</a></p> 

che si presenta come: "Avatar ospitato da Gravatar ".

Indipendentemente dal numero di spazi aggiunti alla fine della riga di testo, sembra ancora questo. I documenti non potevano aiutarmi, e non posso immaginare che questo sia un problema così raro.

risposta

53

Se non si desidera Inline HTML o HTML entità nel codice questo è ciò che si può fare:

p 
    | Avatar hosted by 
    = ' ' 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

o questo è è più breve

p= 'Avatar hosted by ' 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

il più pulito è probabilmente questo

p Avatar hosted by #{''} 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 
+3

Questa dovrebbe essere la risposta accettata. – Kevin

1

edit:
Come jmar777 sottolineato, le versioni recenti di giada dovrebbero onorare gli spazi finali see here. È fantastico, e potrei provare di nuovo la giada sui progetti futuri.

modifica: Link aggiornato a parser di giada. Original link era per la giada 1.11.

39

Quale versione di giada stai usando? Ho appena testato (con 0.25.0) con un singolo spazio che segue 'by', e ha funzionato correttamente.

Altre opzioni sono:

p 
    | Avatar hosted by&nbsp; 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

o

p 
    | Avatar hosted by 
    | <a href='http://www.gravatar.com/' target='_blank'>Gravatar</a> 
+0

Sembra che non abbia aggiunto il vincolo di versione nel file 'package.json'. – Lanbo

+2

È bello sapere che le versioni recenti non eliminano tutti gli spazi bianchi e quelli nuovi dalla fine dei blocchi di testo. –

+4

non può spogliarsi, ma il tuo editore può. Sarebbe bello se ci fosse un modo più semplice. – Joe

6

Sei sicuro che non è il vostro editor? Io uso Komodo ed è stato impostato per rimuovere spazi bianchi finali al salvataggio. Quando ho salvato il file, è stato rimosso lo spazio alla fine della riga di testo. La mancanza di uno spazio tra il mio testo e i link mi stava facendo impazzire finché non l'ho capito. Ho modificato le impostazioni di Komodo (Preferenze-> Editor-> Salva opzioni) per deselezionare la striscia che trascina lo spazio bianco e il problema è andato via.

+3

Anche questo era il mio problema. In Web Storm per disabilitare questo andare alle preferenze e cercare trailing. Nella parte inferiore della pagina, sotto Altro, c'è un'opzione "Elimina gli spazi finali su Salva". –

2

Uso la variabile space alla nuova riga. Questo:

p 
    | You must follow 
    =space 
    a(href=default_url) this link 
17

Jade supporta ora l'interpolazione di tag in linea.

p this is #[strong test] of how jade will treat #[i #[u inline tags]]... like #[a(href="/") anchor tags] and #[+a() mixins]. 

http://jade-lang.com/reference/interpolation/

+0

Questa dovrebbe essere la risposta appena accettata. –

0

Una soluzione veloce e pulito è quello di utilizzare questa sintassi:

p 
    | Avatar hosted by 
    | 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

Nota lo spazio dopo | sulla seconda riga di testo. Questo aggiungerà uno spazio vuoto dopo il testo della riga precedente (e anche sputare un brutto errore se ti dimentichi di aggiungerlo!).

Finora questa è l'opzione più pulita, secondo me.

0

Utilizzo Arpa e lo solution with two pipes di Óscar Gómez genera un errore, anche se sembra molto elegante.

Grazie a Даниил Пронин e Sean Gravener, ho trovato queste soluzioni di lavoro per me:

#{' '}
!{' '}

e

= " "
p 
    | Avatar hosted by #{' '} 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

e

p 
    | Avatar hosted by 
    = ' ' 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

Inoltre, se hai una specie di situazione inversa: porzione di testo # {ref + [' ']}

Ecco più su sintassi di interpolazione in Pug (Giada): https://pugjs.org/language/interpolation.html

Problemi correlati