Отличия в коде от моего WYSIWYG

Question

Я создаю самый простой редактор WYSIWYG, но в каждом браузере генерируется другой HTML-код. Я использую: a.execCommand('useCSS', false, true); a.execCommand('styleWithCSS', false, false); Например: Chrome генерирует ненужный div, когда я использую клавишу ввода ... IE генерирует <p> теги при переходе на новую строку ... Firefox генерирует для меня лучший код, вставляет старый br:)

Я должен создать стили для результатов, так как слишком много различий.

Answer 1

Вставка div, p или br при нажатии Enter / Return НЕ контролируется с помощью опции useCSS / styleWithCSS.Эта опция только для стилей .То, что происходит при нажатии enter/return, полностью зависит от браузера.Чтобы нормализовать поведение, вы можете кодировать обработчик клавиш для клавиши возврата (код 13), куда вы вставляете <br> или \n или что вам нравится, когда нажимается enter.

См. Следующие вопросы, чтобы начать писать ключевой обработчик именно для этого:

Создайте
вместо

, нажав Enter на contenteditable.

Кросс-браузерный обработчик событий должен захватывать [ENTER]