<!doctype html>
<html lang="en">
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <div id="content">
      <h1 class="title">Hello World!</h1>
    </div>
  </body>
</html>

Into this :tada:

doctype html
html(lang='en')
  head
    title Hello World!
   body
    #content
      h1.title Hello World!

Install

Get it on npm:

npm install -g html2pug

Usage

CLI

Accept input from a file or stdin and write to stdout:

# choose a file
html2pug < example.html

# use pipe
echo '<h1>foo</h1>' | html2pug -f

Write output to a file:

html2pug < example.html > example.pug

See html2pug --help for more information.

Programmatically

const html2pug = require('html2pug')

const html = '<header><h1 class="title">Hello World!</h1></header>'
const pug = html2pug(html, { useTabs: true })

Options

Name	Type	Default	Description
useTabs	Boolean	`false`	Use tabs instead of spaces
useCommas	Boolean	`true`	Use commas to separate node attributes, or a space if false
isFragment	Boolean	`false`	Wraps result in enclosing `<html>` and `<body>` tags if false

[3.0.0] - 2019-04-07

Changed

Option tabs to useTabs (BREAKING CHANGE)
Option fragment to isFragment (BREAKING CHANGE)
preserveLineBreaks default is true

Added

Multiline element values (<script>, <pre> etc.)
Extend method to merge options with defaults
Prettier + ESLint
Shorthand for boolean/empty attributes
Option useCommas for attribute separator

Removed

Standard code style

Fixed

Replaced single quotes in attributes with an escaped single quote
Vulnerabilities in dependencies

Keywords

FAQs

What is html2pug?

Is html2pug popular?

Is html2pug well maintained?

Package last updated on 10 Apr 2019

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.

Install