Ho un set di file html, principalmente statici, vorrei passare al mio progetto node.js/express/jade. Qual è il modo giusto per includere il file html o lo snippet direttamente in jade? Non voglio tradurre il file html esistente in giada?C'è un modo per includere il file html o lo snippet direttamente in jade?
risposta
Si dovrebbe essere in grado di semplicemente include
it all'interno di un modello di giada:
Come accennato
include
può essere usato per includere altri contenuti come ad esempio HTML o CSS. Fornendo un'estensione, Jade leggerà quel file, applicherà qualsiasi filter corrispondente all'estensione del file e inserirà quel contenuto nell'output.
html
// ...
body
// ...
//- html files have no filter and are included verbatim
include content.html
Usa :verbatim
prima che il codice esatto HTML o snippet direttamente in giada.
doctype html
html(lang="en")
:verbatim
{% include head.html %}
body
:verbatim
{{ content }}
:verbatim
{% include footer.html %}
uscita
<!DOCTYPE html>
<html lang="en">{% include head.html %}
<body>{{ content }}
</body>{% include footer.html %}
</html>
Sei fantastico sapere: verbatim. Non riesco a trovarlo nella documentazione di jade-lang.com, ma sicuramente funziona. È l'unico modo ragionevolmente gestibile che ho trovato per includere frammenti di codice multi-linea e altri testi pre-formattati in Jade. – matty
Che versione fa: verbatim si applica a pls? Jade 1.11.0 non capisce quella dichiarazione –
La nuova versione di Jade, che è stata rinominata in Pug, non capisce: verbatim. – nomad
Nel mio file .jade, ho dovuto fare qualcosa di simile:
:verbatim
!{editorBody}
.. dove editorBody è fornito tramite res.render() chiamare:
var editorBody = '<p>Hello</p>';
return res.render('user/user_profile', {editorBody : editorBody});
Che versione fa: verbatim si applica a pls? Jade 1.11.0 non capisce quella dichiarazione –
- 1. Jade: Come includere un file javascript
- 2. Vim - Attivare snippet HTML su file PHP
- 3. Snippet e sottosezioni HTML riutilizzabili in web2py
- 4. È possibile eseguire lo snippet chrome snippet?
- 5. Direttamente Riferimento elementi HTML
- 6. c'è un modo per "non includere" un file con PHP?
- 7. graziosi snippet HTML uscita
- 8. passaggio di una variabile in un import Jinja o includere da un file genitore html
- 9. Includere file HTML nel file R Markdown?
- 10. Jade, mixin && html
- 11. Come includere il codice html in una vista?
- 12. C'è un modo per includere più o meno di segni in un file XML?
- 13. Invia un file PDF come Mail o offri app per visualizzare direttamente il file
- 14. Un modo migliore per ucfirst in un template Jade?
- 15. Come posso includere/estendere un file jade dalla radice della mia directory modello in express?
- 16. Come includere tutte le risorse in un unico file html?
- 17. C'è un buon modo per inserire snippet HTML/JS casuali in elm?
- 18. Il modo migliore per gestire snippet di codice in Linux?
- 19. C'è un modo per includere file binari o di testo in una libreria Rust?
- 20. Come includere un file JavaScript remoto in modo condizionale?
- 21. Convertitore da Jade a HTML
- 22. Come includere un file CSS in giada (senza collegarlo)
- 23. Come utilizzare HTML Agility Pack per modificare uno snippet HTML
- 24. URL di Django direttamente in html template
- 25. include un .handlebar o un file .hbs in html
- 26. Modo migliore per includere javascript in servlet java
- 27. Il modo migliore per rinominare un file con lo chef
- 28. Devo generare un file css da Pygments per il mio blog jekyll, per abilitare lo snippet di codice colorato?
- 29. Shopify liquido: come posso includere snippet condizionali nel liquido Shopify?
- 30. È meglio definire le immagini direttamente in html o css?
Ciò significa che puoi importare SVG grezzi in markup Jade in questo modo? – j0e
non vedo perché no –
Ho ancora trovato che il rientro del file html incluso deve essere formattato correttamente. Strano ma vero. –