[prettifyライブラリ] JavaScriptのコードをハイライト表示する
説明
prettifyライブラリでJavaScriptのコードをハイライト表示するにはコードを表示するタグにスタイルシートクラス名prettyprintとlang-jsを指定します。また、ページが読み込まれたらハイライト処理するようにbodyタグにonload="prettyPrint()"を記述しておきます。
サンプルプログラム
【HTML】
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="css/prettify.css" type="text/css" media="all">
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<script type="text/javascript" src="js/prettify.js"></script>
</head>
<body onload="prettyPrint()">
<pre class="prettyprint lang-js">
var data = new Array();
var xyx = [1,2, "34", '56'];
</pre>
</body>
</html>