1 | # html prettyprinter
|
2 |
|
3 | A node port of beautify-html.js by Nochum Sossonko which is based on jsbeautifier by Einar Lielmanis
|
4 |
|
5 | ## Installation
|
6 |
|
7 | ### from npm (node package manager)
|
8 | ``` bash
|
9 | npm install html
|
10 | ```
|
11 |
|
12 | ## Usage (command line)
|
13 |
|
14 | ```
|
15 | echo "<h2><strong><a href="http://awesome.com">AwesomeCom</a></strong><span>is awesome</span></h2>" | html
|
16 | ```
|
17 |
|
18 | returns:
|
19 |
|
20 | ``` html
|
21 | <h2>
|
22 | <strong>
|
23 | <a href=http://awesome.com>AwesomeCom</a>
|
24 | </strong>
|
25 | <span>
|
26 | is awesome
|
27 | </span>
|
28 | </h2>
|
29 | ````
|
30 |
|
31 | `html foo.html` will write the prettified version to `stdout`.
|
32 |
|
33 | `html *.html` will *update in place* all matching html files with their prettified versions.
|
34 |
|
35 | ## Advanced usage
|
36 |
|
37 | I find myself constantly using the 'Copy as HTML' feature of the Chrome Inspector:
|
38 |
|
39 | ![Copy as HTML](https://github.com/maxogden/commonjs-html-prettyprinter/raw/master/img/copyashtml.png)
|
40 |
|
41 | The downside is that that usually the HTML that gets copied is pretty ugly:
|
42 |
|
43 | ![Before pretty printing](https://github.com/maxogden/commonjs-html-prettyprinter/raw/master/img/before.png)
|
44 |
|
45 | 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:
|
46 |
|
47 | `pbpaste | html | pbcopy`
|
48 |
|
49 | Now when you paste your clipboard into an editor you will get nice, pretty printed HTML:
|
50 |
|
51 | ![After pretty printing](https://github.com/maxogden/commonjs-html-prettyprinter/raw/master/img/after.png)
|
52 |
|
53 | ## Upgrading
|
54 |
|
55 | 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`:
|
56 |
|
57 | ```javascript
|
58 | module.exports = { prettyPrint: style_html }
|
59 | ```
|
60 |
|
61 | BSD LICENSE |
\ | No newline at end of file |