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

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

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

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

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

Внутри блока будут разворачиваться списки, и соответственно нумерация будет динамической//
  • Вопрос задан
  • 124 просмотра
Пригласить эксперта
Ответы на вопрос 3
verkhoturov
@verkhoturov
HTML-Верстальщик / Frontend
Это называется "Нумерованный список". Делается на чистом HTML.
htmlbook.ru/samhtml/spiski/numerovannyy-spisok
Ответ написан
ACE, Codemirror или реализовать на tab-ах (например взять Bootstrap или UI-Kit), по событию tab открыт или tab закрыт вызвать функцию нумерации строк. Можно использовать details тег.
Что мешает взять ACE, там уже все реализовано, подсветка, нумерация, возможность свернуть блок.
Пробуйте: https://ace.c9.io/build/kitchen-sink.html
Ответ написан
@ksnk
Уж лучше тырить разметку текста исходников с нумерацией строк с гитхаба. Там просто все на таблицах сделано :)
Ну или так
https://jsfiddle.net/1ype9u3L/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы