contentEditable insert br при появлении новой строки

Question

A contentEditable имеет автоматическую перенос слов, создавая новую линию, когда вы достигаете ширины редактируемой области. Это здорово, но потом я разбираю содержимое этого содержимого, и мне нужно его добавить <br>, когда он это сделает. Я пробовал все, что мог, и не могу этого добиться. Любая помощь очень получена.

Answer 1

Это невозможно, точка переноса слов - это «усмотрение браузера» и, как таковая, подвержена различиям в размере шрифта, шрифты не установлены, механизмы рендеринга шрифтов, параметры сглаживания и т. Д. И т. Д. , так сказать, «не ваша проблема» с точки зрения браузера, и поэтому она не дает эту информацию.

Теоретически вы могли бы восстановить содержание слово в слово в JS в динамически размера и точно так же стиле DIV, и монитор, когда изменяется высота - вот где происходят новые строки. Тем не менее, это была бы дерьмовая загрузка дерьмового кода для достижения изворотливого результата.

Я не могу не чувствовать, что вы просите здесь XY-solution - если вам нужна новая линия в данной точке, пусть конечный пользователь даст им, когда захочет. Просто добавление overflow:auto;white-space:nowrap к редактируемому элементу заставляет их. Example here.