次のように空の <pre>
要素で data-src
属性を使用します
<pre data-src="myfile.js"></pre>
言語を指定する必要はありません。ファイルの拡張子によって自動的に判定されます。ただし、ファイルの拡張子から言語を判定できない場合やファイルの拡張子が正しくない場合は、言語を指定することもできます(通常のクラス名の方法)。
data-range
属性を使用してファイルから特定の行範囲のみを表示します
<pre data-src="myfile.js" data-range="1,5"></pre>
行は1から始まるので、"1,5"
は1行目から5行目まで表示します。1行のみ(たとえば5行目の場合のみ"5"
)と開いている範囲(たとえば3行目から始まるすべての場合"3,"
)を指定することもできます。負の整数はn番目の最後の行を指定するために使用できます(例:-2番目の行の場合)。
data-range
が行番号プラグインと併用される場合、このプラグインは指定された範囲に応じて適切なdata-start
を追加します。この動作は、data-start
属性を手動で設定することでオーバーライドできます。
ファイルはXMLHttpRequestでフェッチされることに注意してください。これは、ファイルが別のオリジンにある場合、そのWebサイトでCORSが有効になっていない限り、フェッチは失敗することを意味します。
プラグインのJSコード
このページ
存在しないファイル
行番号付き、data-range="12,111"
詳細については、PrismのWebサイトを参照してください。ほとんどの大規模なコードサンプルは、実際にはこのプラグインによってフェッチされたファイルです。