jQueryプラグインjquery.lineline.jsを使うことで、textareaのテキストにラインナンバーを簡単に付けることができます。ラインナンバーが付くと、コードを解説的に既述する場合はもちろん、一般のテキストでも、長めの文章が続くときは視認性が増して、判りやすくなります。

使い方は、jQueryとjquery.lineline.jsの読込み用リンクを設置し、javascriptで、
「 <textarea>$('textarea').lineLine();</textarea>」などと指定するだけで、全てのtextareaが対象になります。
また、jquery.lineline.jsを指定したtextarea内は、文字のエスケープ無しで、タグなどもそのまま既述できます。

日本語表示も問題なく、エディター上の改行がそののまラインナンバーとして反映します。

サンプルtextarea

※参照元:http://habibhadi.com/lab/jquery-lineline/