Мобильная версия1 В начале Бог сотворил небо и землю. 2 И земля
была без формы и пуста; и тьма была над бездной.
И Дух Божий носился над водою.
3 И сказал Бог: да будет свет, и стал свет. 4 И увидел Бог
свет, что он хорош, и отделил Бог свет от тьмы.
5 И назвал Бог свет Днем, а тьму Ночью. И был
вечер и утро
день первый.
Номера стихов являются гиперссылками, и я хочу, чтобы они всегда были доступны; Я также хочу, чтобы пользователи могли различать стихи. Но мне нужен более тонкий подход, чем бросать цифры в лицо читателю. Я также хочу, чтобы числа не отображались, когда пользователь копирует текст. (не критично.)
Мой план состоит в том, чтобы добавьте разделитель слева от текста и поместите туда цифры, выровняв их по началу стихов (как номера строк в редакторе кода):
1 В начале Бог сотворил небо и землю. И земля
2 была безвидна и пуста; и тьма была над бездною.
И Дух Божий носился над водою.
3 И сказал Бог: да будет свет, и стал свет. И увидел Бог
4 свет, что он хорош: и отделил Бог свет от тьмы.
5 И назвал Бог свет Днем, а тьму Ночью. И
вечер и утро были первым днем.
Если пользователь наводит курсор на номер стиха, скажем, 4 , затем выделяется сам соответствующий стих:
1 В начале сотворил Бог небо и землю. И земля
2 была безвидна и пуста; и тьма была над бездною.
И Дух Божий носился над водою.
3 И сказал Бог: да будет свет, и стал свет. И увидел Бог
Код: Выделить всё
45 И призвал Бог свет День, а тьму он назвал Ночью. И
вечер и утро были первым днем.
Но я понятия не имею, как идти об этом. У меня есть полный контроль над HTML/CSS/JS, хотя я надеялся сделать это без JS, если это возможно. Существует множество способов добавления номеров строк, но это довольно механический процесс; Я не понимаю, как их преобразовать, чтобы справиться с этим.
Как мне это реализовать?
Подробнее здесь: https://stackoverflow.com/questions/787 ... -and-gutte
