generate HTML string from pug which contains also scripts

Question

Pug docs say that it can transform

doctype html
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript').
      if (foo) bar(1 + 5)
  body
    h1 Pug - node template engine
    #container.col
      if youAreUsingPug
        p You are amazing
      else
        p Get on it!
      p.
        Pug is a terse and simple templating language with a
        strong focus on performance and powerful features.

to

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Pug</title>
    <script type="text/javascript">
      if (foo) bar(1 + 5)
    </script>
  </head>
  <body>
    <h1>Pug - node template engine</h1>
    <div id="container" class="col">
      <p>You are amazing</p>
      <p>Pug is a terse and simple templating language with a strong focus on performance and powerful features.</p>
    </div>
  </body>
</html>

But notice in the resulting HTML there is a script file inside it. That is not what I want. Can't I generate HTML result such that the script is also evaluated? For example if there is DOM manipulation logic inside, the result HTML should reflect that instead of showing script tag.

Pugjs has the ability to conditionally render the output HTML pugjs.org/language/conditionals.html — MarkoCen
– MarkoCen, Commented Jul 15, 2021 at 15:15
Does this answer your question? How can I render inline JavaScript with Jade / Pug? — Uros C
– Uros C, Commented Jul 15, 2021 at 16:29
@ross-u nope as OP says he wants to evaluate JS inside HTML and get final HTML without script tag inside it, your link still has script tag inside HTML — gmoniava
– gmoniava, Commented Jul 15, 2021 at 19:28

Sean · Accepted Answer · 2021-07-16 13:46:50Z

2

Pug is rendered server-side; there is no DOM while Pug is being compiled. If you want to do DOM manipulation after Pug compiles but before the compiled HTML is sent from the server to the client, you'll need to pipe it through a server-side DOM emulator like JSDom. Pug won't do that on its own—that's not what it's meant for.

answered Jul 16, 2021 at 13:46

Sean

8,3875 gold badges30 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

generate HTML string from pug which contains also scripts

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related