» Google Code Prettifyでソースコードを読みやすく色分けする|SMART プログラミングとサイト構築のウェブマガジン

Google Code Prettifyの概要 Google Code Prettify（以下Prettify）はソースコードを読みやすく色分けします。 Google Code Prettifyの読み込み PrettifyはCDNを使って読み込むことができます。次のコードで関連するスクリプトとスタイルシートを一括して読み込みます。 <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> コードの指定 修飾したいコードをPREタグやCODEタグで囲い、そのクラスにprettyprintを追加します。 console.log('Hello World') 実行例は次の通りです。 See the Pen Google code-prettifyでソースコード