1. pretty
Some tweaks for beautifying HTML with js-beautify according to my preferences.
pretty
Package: pretty
Created by: jonschlinkert
Last modified: Fri, 24 Jun 2022 14:49:53 GMT
Version: 2.0.0
License: MIT
Downloads: 4,696,587
Repository: https://github.com/jonschlinkert/pretty

Install

npm install pretty
yarn add pretty

pretty NPM version NPM monthly downloads Linux Build Status

Some tweaks for beautifying HTML with js-beautify according to my preferences.

Install

Install with npm:

 $ npm install --save pretty

Install with yarn:

 $ yarn add pretty

Usage

 var pretty = require('pretty');

pretty(STRING_OF_HTML);

Before

 <!DOCTYPE html> <html lang="en"> <head> 
<meta charset="UTF-8"> <title>Home</title> 
</head> <body> This is content. </body> </html>

After

 <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Home</title>
  </head>
  <body>
    This is content.
  </body>
</html>

Options

ocd

 pretty(STRING_OF_HTML, {ocd: true});

Type: Boolean

Default: undefined

  • condenses multiple newlines to a single newline
  • trims leading and trailing whitespace
  • ensures that a trailing newline is inserted
  • normalizes whitespace before code comments

About

Contributing

Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.

Building docs

(This project's readme.md is generated by verb, please don't edit the readme directly. Any changes to the readme must be made in the .verb.md readme template.)

To generate the readme, run the following command:

 $ npm install -g verbose/verb#dev verb-generate-readme && verb

Running tests

Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:

 $ npm install && npm test

Author

Jon Schlinkert

License

Copyright © 2017, Jon Schlinkert.
Released under the MIT License.


This file was generated by verb-generate-readme, v0.5.0, on April 13, 2017.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin