Back

Explore Courses Blog Tutorials Interview Questions

Using Pug (Jade) with Jinja2 tempting syntax

0 votes
2 views
in Python by (16.4k points)
I utilize grunt with Pug (Jade) to deliver my HTML layouts. I need to consolidate Jinja2 syntax in my Pug records however when I run grunt to assemble the HTML documents it comes up fails since it doesn't perceive the Jinja2 language structure.

Does anybody know an answer to this?

1 Answer

0 votes
by (26.4k points)

Seems like it supports jinja2:

jinja_env = Environment(extensions=['pypugjs.ext.jinja.PyPugJSExtension'])

Look at the below pug (jade) code example:

!!! 5

html(lang="en")

  head

    title= pageTitle

    script(type='text/javascript').

      if (foo) {

         bar()

      }

  body

    h1.title PugJS - node template engine

    #container

      if youAreUsingPugJS

        p You are amazing

      else

        p Get on it!

Converts into

<!DOCTYPE html>

<html lang="en">

  <head>

    <title>{{pageTitle}}</title>

    <script type='text/javascript'>

      if (foo) {

         bar()

      }

    </script>

  </head>

  <body>

    <h1 class="title">PugJS - node template engine</h1>

    <div id="container">

      {%if youAreUsingPugJS%}

        <p>You are amazing</p>

      {%else%}

        <p>Get on it!</p>

      {%endif%}

    </div>

  </body>

</html>

You can also utilize the utility command:

pypugjs -c jinja input.pug output.html

Wanna become a Python expert? Come and join the python certification course and get certified.

Related questions

0 votes
1 answer
How to set Emmet for PUG syntax of Python in Sublime?
asked Mar 7, 2021 in Python by rahulnayar01123 (6.1k points)

Browse Categories

© COPYRIGHT 2011-2023 INTELLIPAAT.COM. ALL RIGHTS RESERVED.

Download Salary Trends Now !

Learn how professionals like you got up to 100% Salary Hike.

...