とりぷるぷぅ技術メモ: google-code-prettify

2013年2月10日日曜日

google-code-prettify

google-code-prettify から prettify-21-Jul-2010.zip をダウンロードする
ダウンロードしたファイルを展開する

適応する HTML ソースのヘッダに以下を追加する

<head>
  <title>TEST</title>
  <link href="google-code-prettify/prettify.css" type="text/css" rel="stylesheet"/>
  <script type="text/javascript" src="google-code-prettify/prettify.js"></script>
</head>

適応する HTML ソースの body タグに onload="prettyPrint()" を追加する
```
<body onload="prettyPrint()">
```
適応するプログラムコードの pre 要素に class="prettyprint" を追加する
```
<pre class="prettyprint">
```

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)