Contenteditable div создает вместо. Как это решить?

Question

[GennadyPHP]

<div contenteditable="true"></div>
По нажатию на enter в нем вместо <br> после строки эта же строка оборачивается в <div></div> и получается такое:

<div contenteditable="true">
"Строка 1"
<div>строка 2</div>
</div>

Так как заставить div создавать br, а не данную конструкцию. Спасибо.

Answer 1

[GennadyPHP]

Решение:

<div contenteditable="true" onkeydown="document.execCommand('insertHTML', false, '<br><br>'); return false;"></div>

Answer 2

[HunteX]

https://developer.mozilla.org/en-US/docs/Web/Guide...

Comments

[HunteX]

также советую почитать https://ckeditor.com/blog/ContentEditable%E2%80%8A...

[GennadyPHP]

Сейчас ознакомлюсь, спасибо

Answer 3

[Марат]

В разных браузерах по разному получается. Долго бился с Хромом который создает часто создает спан с атрибутом font-size. В итоге удалось ршить так: https://codepen.io/MaratKh/pen/oKXxvV

Answer 4

[Игорь]

Позвольте спросить можно ли сделать так чоб весь введенный текст оборачивался в под-div-ы
Первый текст тоже, к примеру по дефолту:
qwertyytrewq
Мне нужно
qwertyytrewq