Как это сверстать?

Question

[Александр Осадчий]

Здравствуйте!

Подскажите, реально ли (и если да, то как) это сверстать?


Конкретно - интересует нумерация каждой html строки

Вот каркас https://jsfiddle.net/delux/kg1amcx2/

Внутри блока будут разворачиваться списки, и соответственно нумерация будет динамической//

Comments

[Алексей Уколов]

Что конкретно вызывает у вас проблемы? В тегах стоит jquery - на js сделать нумерацию можно без проблем.

[Александр Осадчий]

Алексей Уколов, а нет ли у вас примера?

[Александр Осадчий]

Алексей Уколов, вот заготовка https://jsfiddle.net/delux/kg1amcx2/

Answer 1

[Иван В]

Это называется "Нумерованный список". Делается на чистом HTML.
htmlbook.ru/samhtml/spiski/numerovannyy-spisok

Comments

[Александр Осадчий]

Вы не правильно поняли..мне пронумеровать нужно не конкретный список, а каждую строку

Answer 2

[Дмитрий]

ACE, Codemirror или реализовать на tab-ах (например взять Bootstrap или UI-Kit), по событию tab открыт или tab закрыт вызвать функцию нумерации строк. Можно использовать details тег.
Что мешает взять ACE, там уже все реализовано, подсветка, нумерация, возможность свернуть блок.
Пробуйте: https://ace.c9.io/build/kitchen-sink.html

Answer 3

[ksnk]

Уж лучше тырить разметку текста исходников с нумерацией строк с гитхаба. Там просто все на таблицах сделано :)
Ну или так
https://jsfiddle.net/1ype9u3L/