プレタグのセットに編集不可能な行番号を実装する

Question

編集可能なグループpreのタグが必要です。それぞれが1行のテキストを表します。行は行番号（編集不可）から開始し、その後は編集可能にする必要があります。私が<span contentEditable="false">1 </span><pre contentEditable="true"></pre>を実行した場合、spanは編集不可能であり、preは編集可能ですが、preは次の行にあります。

spanはpre（<pre contentEditable="true"><span contentEditable="false">1 </span></pre>）内にあるので、私はそれを変更する場合は、全体の事は編集可能で、かつ1はそれをインデント奇妙なタブを持つ行の途中に表示されます。

pre行の最初に行番号を取得するにはどうすればよいですか？

Answer 1

javascriptを使用しない単純なコードエディタ。

http://jsfiddle.net/oswaldoacauan/tpY4Y/