Как настроить работу полей contenteditable?

Question

[bondle]

Используются поля с contenteditable=true, проблема происходит при вставках и вводе. Появляются непонятные тэги и стилизация. Сделал

addEventListener("paste", (e) => {
            e.preventDefault();
            const text = (e.originalEvent || e).clipboardData.getData('text/plain');
            window.document.execCommand('insertText', false, text);
        });

Основные стили пропали, но теперь каждая новая строка заключена в тэг div. Как избавится ото всех проблем с contenteditable?

Answer 1

[Stalker_RED]

добавьте display: inline-block; - и div'ы заменятся на br-ы
добавьте white-space: pre-wrap; и будет вставляться как есть.