Migrated to gulp-plugins
🍺 A simple Gulp plugin for html files formatting.
$ npm install gulp-format-html --save-dev
# OR
$ yarn add gulp-format-html -Dconst gulp = require('gulp')
const formatHtml = require('gulp-format-html')
function views () {
return (
gulp
.src('views/**/*.html')
.pipe(formatHtml())
.pipe(gulp.dest('dist'))
)
}
exports.dev = gulp.series(views)Input:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>gulp-format-html</title></head><body><header><h1><span>I am h1 in header</span></h1></header><main><p><span>span</span><b>b</b><strong>strong</strong><em>em</em></p></main><footer><p><a href="https://github.com/ntnyq/gulp-format-html">gulp-format-html</a></p></footer></body></html>Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>gulp-format-html</title>
</head>
<body>
<header>
<h1>
<span>I am h1 in header</span>
</h1>
</header>
<main>
<p>
<span>span</span>
<b>b</b>
<strong>strong</strong>
<em>em</em>
</p>
</main>
<footer>
<p>
<a href="https://github.com/ntnyq/gulp-format-html">gulp-format-html</a>
</p>
</footer>
</body>
</html>gulp-format-html is based on js-beautify, Check it's HTML options for detail.
- type
boolean - default
false
Display name of file from stream that is being formatting
- gulp-diffable-html Zero config HTML formatter to make HTML more readable and to indent HTML tag text in a single newline.