Tumortisch-Dist/resources/app/node_modules/html/readme.md

61 lines
1.7 KiB
Markdown
Raw Permalink Normal View History

2021-06-15 16:00:08 +02:00
# html prettyprinter
A node port of beautify-html.js by Nochum Sossonko which is based on jsbeautifier by Einar Lielmanis
## Installation
### from npm (node package manager)
``` bash
npm install html
```
## Usage (command line)
```
echo "<h2><strong><a href="http://awesome.com">AwesomeCom</a></strong><span>is awesome</span></h2>" | html
```
returns:
``` html
<h2>
<strong>
<a href=http://awesome.com>AwesomeCom</a>
</strong>
<span>
is awesome
</span>
</h2>
````
`html foo.html` will write the prettified version to `stdout`.
`html *.html` will *update in place* all matching html files with their prettified versions.
## Advanced usage
I find myself constantly using the 'Copy as HTML' feature of the Chrome Inspector:
![Copy as HTML](https://github.com/maxogden/commonjs-html-prettyprinter/raw/master/img/copyashtml.png)
The downside is that that usually the HTML that gets copied is pretty ugly:
![Before pretty printing](https://github.com/maxogden/commonjs-html-prettyprinter/raw/master/img/before.png)
On OS X you can use `pbpaste` and `pbcopy` to stream your clipboard in and out of unix pipes. With the ugly HTML still in your clipboard run this command:
`pbpaste | html | pbcopy`
Now when you paste your clipboard into an editor you will get nice, pretty printed HTML:
![After pretty printing](https://github.com/maxogden/commonjs-html-prettyprinter/raw/master/img/after.png)
## Upgrading
grab the newest `beautify-html.js` from [js-beautifier](https://github.com/einars/js-beautify) and drop it into `lib/` as `html.js`. then add the following code to the bottom of `html.js`:
```javascript
module.exports = { prettyPrint: style_html }
```
BSD LICENSE