Почему jeditable WYSIWYG плагин ведет себя по-разному в разных веб-браузерах?

Обычно, когда мы вводим предложение в редакторе wysiwyg и если оно нам нужно в следующей строке, мы нажимаем клавишу ввода, и оно автоматически вставляет <br> тег. Но когда мы используем редактируемый редактор WYSIWYG и делаем это, он вставляет <p></p> теги вместо <br> в Internet Explorer и тег в хром.

Но это вставка <br> тег в Mozilla (который является правильным). На IE предоставляет <p> тег вместо <br> при нажатии клавиши ввода в редактируемом редакторе WYSIWYG.

Я использую Jeditable в качестве встроенного редактора (см. Демонстрацию). При использовании редактора wysiwyg и при вводе предложения на следующей строке Firefox показывает вывод с помощью </br> тег, который является правильным.

Но Chrome и Internet Explorer показывает разные результаты.

Например:

Исходный вывод должен быть Lorem Ipsum<br>is simply dummy который правильно показывает в Firefox.

Но в Internet Explorer вывод <p>Lorem Ipsum</p><p>is simply dummy</p>и в Chrome это <div>Lorem Ipsum</div><div>is simply dummy</div>

Как бы я сделал это одинаково для всех браузеров, которые показывает Firefox?

Источник

1 ответ

Решение

Демо использует очень старую версию плагина jWYSIWYG (как предложено здесь), поэтому вы должны использовать обновленный код.

Это происходило потому, что когда редактор инициализирован и контент не загружается из textarea, он помещает <br>,

Вот исправление коммита, которое вы, вероятно, ищете:

Объяснение brIE-option в README и некоторый рефакторинг кода для той же функциональности, созданной stianlik.

Клавиша ENTER больше не сбрасывает стиль на "Абзац", но продолжает писать "Заголовок 1", пока пользователи явно не выберут "Абзац" на панели инструментов.

Вы можете использовать brIE возможность контролировать это поведение. Проверьте README для более подробной информации.

Связанные с:

Источник
Другие вопросы по тегам