Внедрение нередактируемых номеров строк в набор предварительных тегов

Мне нужна группа редактируемых тегов 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?


person Chris    schedule 07.01.2012    source источник
comment
Если вы создаете редактор кода, я настоятельно рекомендую вместо него использовать CodeMirror (codemirror.net) и прочитать это часть автора: codemirror.net/1/story.html   -  person Tim Down    schedule 09.01.2012


Ответы (1)


Простой редактор кода, без javascript.

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

person Oswaldo Acauan    schedule 20.04.2012
comment
Enter/Return не создает новую строку. Он расширяет текущую строку. - person Ivan Rubinson; 13.07.2018
comment
Не буду отмечать это, но это решение не очень хорошее. Это может дать людям некоторые идеи, но, как правило, маршрут тега списка не очень хорош, если только вам не нужны статические точки входа, такие как электронная таблица с одним столбцом. - person www-0av-Com; 01.06.2020