{{insert CardForm/LayoutTemplateHeader}}
!!!highlight.jsを使用したコード色分け
*投稿者： KG
*カテゴリ： 装飾
*状態： 提案
*日時： 2018/10/31-18:17:04
//〜本文の開始〜（この行は削除しないでください）
!!内容

[hidhlight.js|https://highlightjs.org/]を使用してソース色分けを行います。

既定の設定は下記の通り
*スタイル： monokai-sublime
*行番号表示： [Line numbering plugin for Highlight.js|https://wcoder.github.io/highlightjs-line-numbers.js/]

必要に応じてテンプレートを修正してください。

!!使用方法

 {{layout code2,言語名
 <!-- ここに表示したいソースコード -->
 }}

[[サンプル|Sandbox/code2]]

!!ダウンロード
* {{ref code2.tmpl,,,lastmodified}}

!!更新履歴
::2018/10/31
* 新規作成


//〜本文の終了〜（この行は削除しないでください）
!!コメント

{{comment}}

----
{{cardform CardForm/LayoutTemplateModify,CardData/LayoutTemplate,CardData/LayoutTemplate/20}}
{{insert CardForm/LayoutTemplateFooter}}
{{title レイアウト・テンプレート/highlight.jsを使用したコード色分け}}