ソースコードをハイライト表示する


$(element).exCodePrettify()
$(element).exCodePrettify({tabToSpace:true})

PRE
<!-- PRE Markup-->
<div class="container">
	<div class="page-header">
		<h1>Ex Code Prettify</h1>
	</div>
</div>
<!-- PRE Markup-->
<div class="container">
	<div class="page-header">
		<h1>Ex Code Prettify</h1>
	</div>
</div>

TEXTAREA

外部ファイルを読み込む

独自のデザインにする

編集したソースコードを localStorage に保存する

Ex.1 (Ex.1 のコードをリセットする

Ex.2 (Ex.2 のコードをリセットする

$DEMO で自身のデモエリアを参照する

それぞれのデモエリアに存在する要素に異なる処理を与える

API を参照する

APIにて自身のソースコードを取得し、デモエリアに出力する