HTML5, CSS, Javascript Pretty Print
Project description
This tool pretty print your HTML, CSS and JavaScript file. The package comes with two parts:
a command line tool, html5-print
a python module, html5print
Introduction
This module reformat web page code and make it more readable. It is targeted for developers, hence is not optimized for speed. I start out looking for a tool, ended up created this module. Hope it helps you!
Key features:
Pretty print HTML as well as embedded CSS and JavaScript within it
Pretty print pure CSS and JavaScript
Try to fix fragmented HTML5
Try to fix HTML with broken unicode encoding
Try to guess encoding of the document, and in some cases manage to convert 8-bit byte code back into correct UTF-8 format
Support both Python 2 and 3
Installation
$ [sudo] pip install html5printUninstallation
$ [sudo] pip uninstall html5print
$ [sudo] pip uninstall bs4 html5lib slimit tinycss2 requests chardetCommand Line Tool
Synopsis
$ html5-print --help
usage: html5-print [-h] [-o OUTFILE] [-s INDENT_WIDTH] [-e ENCODING]
[-t {html,js,css}] [-v]
infile
Beautify HTML5, CSS, JavaScript - Version 0.1.2 (By Bernard Yue)
This tool reformat the input and return a beautified version,
in unicode.
positional arguments:
infile filename | url | -, a dash, which represents stdin
optional arguments:
-h, --help show this help message and exit
-o OUTFILE, --output OUTFILE
filename for formatted HTML, stdout if omitted
-s INDENT_WIDTH, --indent-width INDENT_WIDTH
number of space for indentation, default 2
-e ENCODING, --encoding ENCODING
encoding of input, default UTF-8
-t {html,js,css}, --filetype {html,js,css}
type of file to parse, default "html"
-v, --version show program's version number and exitExample
Pretty print HTML:
$ html5-print -s4 -
Press Ctrl-D when finished
<html><head><title>Small HTML page</title>
<style>p { margin: 10px 20px; color: black; }</style>
<script>function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}</script>
</head><body>
<p>Some text for testing</body></html>
^D
<html>
<head>
<title>
Small HTML page
</title>
<style>
p {
margin : 10px 20px;
color : black;
}
</style>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<p>
Some text for testing
</p>
</body>
</html>
$Create valid HTML5 document from HTML fragment:
$ html5-print -s4 -
Press Ctrl-D when finished
<title>Hello in different language</title>
<p>Here is "hello" in different languages</p>
<ul>
<li>Hello
<li>您好
<li>こんにちは
<li>Dobrý den,
<li>สวัสดี
^D
<html>
<head>
<title>
Hello in different language
</title>
</head>
<body>
<p>
Here is "hello" in different languages
</p>
<ul>
<li>
Hello
</li>
<li>
您好
</li>
<li>
こんにちは
</li>
<li>
Dobrý den,
</li>
<li>
สวัสดี
</li>
</ul>
</body>
</html>
$Python API
This module requires Python 2.6+ (should work for Python 3.0 and 3.1 but was not tested).
Pretty Print HTML
>>> from html5print import HTMLBeautifier
>>> html = '<title>Page Title</title><p>Some text here</p>'
>>> print(HTMLBeautifier.beautify(html, 4))
<html>
<head>
<title>
Testing
</title>
</head>
<body>
<p>
Some Text
</p>
</body>
</html>
<BLANKLINE>
>>>Pretty Print CSS
Format common CSS
>>> from html5print import CSSBeautifier
>>> css = """
... .para { margin: 10px 20px;
... /* Cette règle contrôle l'espacement de tous les côtés \*/"""
>>> print(CSSBeautifier.beautify(css, 4))
.para {
margin : 10px 20px; /* Cette règle contrôle l'espacement de tous les côtés \*/
}Format media query
>>> from html5print import CSSBeautifier
>>> css = '''@media (-webkit-min-device-pixel-ratio:0) {
... h2.collapse { margin: -22px 0 22px 18px;
... }
... ::i-block-chrome, h2.collapse { margin: 0 0 22px 0; } }
... '''
>>> print(CSSBeautifier.beautify(css, 4))
@media (-webkit-min-device-pixel-ratio:0) {
h2.collapse {
margin : -22px 0 22px 18px;
}
::i-block-chrome, h2.collapse {
margin : 0 0 22px 0;
}
}Pretty Print JavaScript
>>> from html5print import JSBeautifier
>>> js = '''
... "use strict"; /* Des bribes de commentaires ici et là \*/
... function MSIsPlayback() { try { return parent && parent.WebPlayer }
... catch (e) { return !1 } }
... '''
>>> print(JSBeautifier.beautify(js, 4))
"use strict"; /* Des bribes de commentaires ici et là \*/
function MSIsPlayback() {
try {
return parent && parent.WebPlayer
} catch (e) {
return !1
}
}Testing
The module uses pytest. Use pip to install pytest if you do not have it installed.
$ [sudo] pip install pytestThen checkout source code and run test as normal.
$ git clone https://github.com/berniey/html5print.git
$ python setup.py testYou are encouraged to use virtualenv and virtualenvwrapper for to avoid changing your currently operating environment.
License
This module is distributed under Apache License Version 2.0.
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
