HTML to PUG/JADErealtime converter

width of indent
Report an issue
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jade</title>
<script type="text/javascript">
const foo = true;
let bar = function() {};
if (foo) {
bar(1 + 5)
}
</script>
</head>
<body>
<h1>Jade - node template engine</h1>
<div class="col" id="container">
<p>You are amazing</p>
<p>
Jade is a terse and simple
templating language with a
strong focus on performance
and powerful features.
</p>
</div>
</body>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
doctype html
html(lang='en')
head
title Jade
script(type='text/javascript').
const foo = true;
let bar = function() {};
if (foo) {
bar(1 + 5)
}
body
h1 Jade - node template engine
#container.col
p You are amazing
p
| Jade is a terse and simple
| templating language with a
| strong focus on performance
| and powerful features.
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Basics about HTML to Pug Converter

What is Pug?

Pug (formerly known as jade until it’s version 2.0 released in 2015) is a templating language for Node.js and the browser. It is often used to generate HTML, but it can also generate XML or other types of documents. A templating language works by injecting/replacing variables in a template file with actual values, and transforms the template into an HTML file which is then rendered on client side.

Why Use Pug Instead of HTML?

Pug provides a more compact and easy to read syntax compared to standard HTML. It supports variables, mixins, and includes, which contribute to more efficient template development. One main advantage as a templating language is the ability to include variables and mixins, which results in templates that are easier to read, write, and maintain.

Where can i find the documentation?

You can learn more about Pug in their website Pugjs