{{prettify}} handlebars helper for formatting (beautifying) HTML, JavaScript and CSS.
{{prettify}} handlebars helper, for formatting (beautifying) output HTML.
This helper is based on grunt-prettify, which depends on and extends js-beautify. To learn about additional options, please visit those projects.
In the root of the project in which you plan to use the helper, in the command line run:
npm i prettify --save
Use this helper in a "parent" layout:
{{#prettify}}
{{> body }}
{{/prettify}}
See nested layouts.
Options can be set in your Gruntfile, in the prettify object in the Assemble task or target options:
grunt.initConfig({
assemble: {
options: {
prettify: {
indent: 4
}
},
docs: {
// Target-specific file lists and/or options go here.
}
}
});
Options passed in as hash arguments will override options defined in the Gruntfile:
{{#prettify indent="4"}}
{{> body }}
{{/prettify}}
Type: Boolean
Default value: true
Removes extra newlines and retains indenting:
Type: Boolean
Default value: True
Add a newline above each code comment:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- code comment -->
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>My Blog</h1>
<h2>Post of the day</h2>
<!-- scripts -->
<a href="#">Read more...</a>
</body>
</html>
Type: Number
Default value: 2
The indentation size to be used on the output HTML. Alias for indent_size
Using the indent option:
Template: index.hbs
{{#prettify indent="2"}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>My Blog</h1>
<h2>Post of the day</h2>
<p>
Vestibulum posuere, quam sed bibendum posuere
Pellentesque habitant morbi tristique senectus
Pellentesque nulla augue, volutpat vitae
</p>
<a href="#">Read more...</a>
</body>
</html>
{{/prettify}}
Renders to:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>My Blog</h1>
<h2>Post of the day</h2>
<p>
Vestibulum posuere, quam sed bibendum posuere
Pellentesque habitant morbi tristique senectus
Pellentesque nulla augue, volutpat vitae
</p>
<a href="#">Read more...</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- code comment -->
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>My Blog</h1>
<h2>Post of the day</h2>
<!-- scripts -->
<a href="#">Read more...</a>
</body>
</html>
Example output with condensed: true:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- code comment -->
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>My Blog</h1>
<h2>Post of the day</h2>
<!-- scripts -->
<a href="#">Read more...</a>
</body>
</html>
When used with condense, defining newlines: true will result in something like this:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- code comment -->
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>My Blog</h1>
<h2>Post of the day</h2>
<!-- scripts -->
<a href="#">Read more...</a>
</body>
</html>
Licensed under the MIT License Copyright (c) Jon Schlinkert, contributors.
FAQs
{{prettify}} handlebars helper for formatting (beautifying) HTML, JavaScript and CSS.
The npm package prettify receives a total of 5,969 weekly downloads. As such, prettify popularity was classified as popular.
We found that prettify demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Security researchers report widespread abuse of OpenClaw skills to deliver info-stealing malware, exposing a new supply chain risk as agent ecosystems scale.
Security News
Claude Opus 4.6 has uncovered more than 500 open source vulnerabilities, raising new considerations for disclosure, triage, and patching at scale.
Research
/Security News
Malicious dYdX client packages were published to npm and PyPI after a maintainer compromise, enabling wallet credential theft and remote code execution.