highlight.jsの行番号

highlight.js には、行番号を表示する機能がない。
そのため、下記サイトを参考にして、行番号を追加した。

highlight.jsに行番号を追加する方法

この行番号を正しく表示するために、
・書き出しにdiv構文を追加する。
・表示したいソースはに改行なしで続け、ソース最終行の後ろにを続ける。
という処理が必要である。

例

<div style="position:relative;"><pre><code class='html'>コード開始

途中は改行可

コード最終部</code></pre></div>