『prism-tyranoscript.js』は、JSライブラリ『Prism.js』と組み合わせてティラノスクリプトのコードをシンタックスハイライトするための拡張ファイルです。ブログなどにティラノスクリプトのコードを貼りたいときにご活用いただけます。
Prism.jsの本体(prism.jsとprism.css)はこちらからダウンロードしてください。prism.jsにはJavaScriptとHTMLが含まれている必要があります。
Prism.jsの拡張ファイルであるprism-tyranoscript.jsはこちらからダウンロードしてください。なお、圧縮版であるprism-tyranoscript.min.jsも同梱されています。prism-tyranoscript.jsの代わりにこちらを使用することもできます。
prism.js、prism.css、prism-tyranoscript.jsを読み込みます。prism-tyranoscript.jsはprism.jsよりも後に読み込む必要があります。
<link href="prism.css" rel="stylesheet">
<script src="prism.js"></script>
<script src="prism-tyranoscript.js"></script>
ハイライトしたいスクリプトを<pre><code>
の中に埋め込み、<pre>
にlanguage-tyranoscript
クラスを付けます。これだけです。
<pre class="language-tyranoscript"><code>;サンプル
*Sample
ティラノスクリプトのシンタックスハイライトだよ[p]
[bg storage="room.jpg" time="1000"]</code></pre>
Prism.jsの詳しい使い方を知りたい方は、ネットでPrism.jsの解説記事を検索してみてください。
Prism.jsの使い方!シンタックスハイライトにおすすめ | でざなり
https://dezanari.com/prismjs/