The 'pretty' npm package is designed to beautify the formatting of various types of content, making it more readable and aesthetically pleasing. It primarily focuses on improving the appearance of HTML, CSS, and JavaScript code. By reformatting code with consistent spacing, indentation, and line breaks, 'pretty' helps developers maintain a clean and organized codebase.
HTML Beautification
This feature allows you to beautify HTML content by reformatting it with proper indentation and spacing. The code sample demonstrates how to use 'pretty' to transform a compact, hard-to-read HTML string into a more readable and well-formatted version.
"const pretty = require('pretty');
const uglyHTML = '<div><p>lorem</p></div>';
const beautifulHTML = pretty(uglyHTML);
console.log(beautifulHTML);"Custom Indentation
This feature allows users to customize the indentation and formatting of the output. By passing an options object, users can adjust the behavior of 'pretty' to meet specific formatting standards or preferences. The code sample illustrates how to enable the 'ocd' option for even more meticulous formatting.
"const pretty = require('pretty');
const uglyHTML = '<div><p>lorem</p></div>';
const options = {ocd: true};
const beautifulHTML = pretty(uglyHTML, options);
console.log(beautifulHTML);"Similar to 'pretty', 'js-beautify' is a package that provides beautification for HTML, CSS, and JavaScript. It offers a wide range of configuration options allowing for detailed customization of the output. Compared to 'pretty', 'js-beautify' might be considered more versatile due to its extensive configuration capabilities.
Prettier is a widely used code formatter that supports many languages beyond HTML, CSS, and JavaScript, including frameworks and template languages. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. While 'pretty' focuses on beautifying code, 'prettier' emphasizes consistency and supports a broader range of languages.
Some tweaks for beautifying HTML with js-beautify according to my preferences.
npm i pretty --save
var pretty = require('pretty');
pretty(STRING_OF_HTML_HERE);
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>
Install dev dependencies:
node i -d && mocha
Pull requests and stars are always welcome. For bugs and feature requests, please create an issue
Jon Schlinkert
Copyright (c) 2015 Jon Schlinkert
Released under the MIT license
This file was generated by verb on January 04, 2015.
FAQs
Some tweaks for beautifying HTML with js-beautify according to my preferences.
The npm package pretty receives a total of 645,471 weekly downloads. As such, pretty popularity was classified as popular.
We found that pretty 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
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.
Security News
NIST's new password guidelines remove periodic changes and special character requirements, focusing on longer, more secure passwords for better authentication practices.