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

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

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

Но это вставка <br>тега в Mozilla (который правильный). В IE <p>вместо <br>нажатия клавиши Enter в редакторе jeditable 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

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

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

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

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

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

Вы можете использовать brIEопцию для управления этим поведением. ПроверьтеПРОЧТИ МЕНЯБольше подробностей.

Связанный:

Связанный контент