Как переместить каретку в div на строчку ниже?

Question

[4eloBek]

Есть поле <div contenteditable="true"></div>.
Как программно переместить каретку на следующую строчку (в начало)?

Смог только перемещать в первой строчке, а дальше... увы(
Вот пример (jsfiddle.net)

Подскажите, как это осуществить?

Answer 1

[Vitaliy Orlov]

Вот так: jsfiddle.net/97dw6382/2

Вкратце, в качестве диапазона надо использовать номер DOM элемента, а не текстовое смещение.
Т.е. когда там текст, то это текстовое смещение, но если встречается любой dom элемент, тогда надо указывать его номер.

Тут есть более подробное описание: stackoverflow.com/a/6939886

Comments

[4eloBek]

Ух ты. Спасибо. Только вот вопрос, как сдвинуть каретку, например, на+1, если неизвестно количество элементов ни ДО ни ПОСЛЕ? О_о

[Vitaliy Orlov]

нужно найти текущую позицию и считать смещения, пример: jsfiddle.net/97dw6382/3
- если внутри только br (content 1), тогда все достаточно просто
- если внутри будет, например параграф (content 2), тогда все сложнее, но не настолько, чтобы ты не смог реализовать это самостоятельно :)

так же, думаю будет полезно почитать это: habrahabr.ru/post/55922

[4eloBek]

Спасибо. Разобрался)