html - 在一组前置标签中实现不可编辑的行号

Question

我想要一组可编辑的pre标签，每个标签代表一行文本。该行应该以行号（不可编辑）开始，然后可以编辑。如果我这样做了，<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/