Javascript code prettifier
Javascript 代码美容师
安装使用
下载 文件
在你的文件中包含这儿的脚本和样式表(你要保证这儿的 css 和 js 文件按在你的服务器上, 并且调整在 script 和 link标签中的路径)
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>
添加onload="prettyPrint()" 到你的文件的 body 标签中.
修改样式表,使用你自己喜欢的颜色.
使用方法
在 <pre class="prettyprint">...</pre> 或 <code class="prettyprint">...</code> 中间放上代码片段,它就会自动被美化了.
The original Prettier
class Voila {
public:
// Voila
static const string VOILA = "Voila";
// will not interfere with embedded tags.
}
class Voila {
public:
// Voila
static const string VOILA = "Voila";
// will not interfere with embedded tags.
}
常见问题
它是为什么语言工作的?
prettify.js中的注释是权威的,但是它的语法分析程序可以在很多语言中使用,包括 C , Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, 和 Makefiles. 它在 Ruby, PHP, VB, 和 Awk 中还算可以,而且也可以在 Perl 和 Ruby的合适子集中起作用,但是, 因为注释的约定,它对 Smalltalk, 或 CAML类似的语言起作用.
LISP系列的语言可以使用一个拓展lang-lisp.js.
对于 CSS, Haskell, Lua, OCAML, SML, F#, Visual Basic, SQL, Protocol Buffers, 和 WikiText..也是类似的
如果你想给你喜欢的语言写个拓展版本, 请参阅src/lang-lisp.js ,并写一个包括你的语言的拓展的 发布 和一个测试用例.
如何指定我的代码在哪种语言里?
你不需要指定语言环境,因为 prettyprint() 会对此进行猜测. 你可以使用 prettyprint 这个类通过指定语言的拓展名来指定语言,就像这样:
<pre class="prettyprint lang-html">
The lang-* class specifies the language file extensions.
File extensions supported by default include
"bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
"java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
"xhtml", "xml", "xsl".
</pre>
它在混淆代码例子上不起作用吗?
是的. 美化混淆代码就像给小猪涂口红,也就是不在这�
