Как получить offset в getSelection с учетом HTML тегов?

Question

[GennadyPHP]

Как я могу получить baseOffset и focusOffset у getSelection() с учетом HTML тегов? Т.е. getSelection() возвращает сдвиги без учета тегов, только видимые символы. Мне же надо, чтобы он возвращал сдвиг с их учетом

Comments

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

Если вы пишете визуальный редактор не исключительно в целях обучения, вы зря тратите время - получится долго и плохо. Это огромная работа, которая требует глубокого понимания особенностей браузеров. Лучше возьмите готовый.

[GennadyPHP]

Алексей Уколов, ваш ответ никак не помогает

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

Это не ответ, а совет (он написан в комментариях к вопросу, обратите внимание). Пользоваться им или нет - это вам решать, но совет этот основан на личном опыте. Разработка хорошего визуального редактора даже у опытного разработчика займёт несколько месяцев.

Answer 1

[Stalker_RED]

Получаете Selection, потом Range, у него есть свойства
Range.startContainer и .endContainer которые указывают на начальный и конечный узел
а также Range.startOffset и .endOffset в которых, внезапно, offset внутри узла.

Ну и там еще пачка всяких полезных методов (collapse, например).

И все довольно печально в плане кроссбраузерности. Удачи вам, держитесь.

Comments

[GennadyPHP]

Спасибо! Продолжаю воевать)