WYSIWYG редактор переопределить страницу CSS?

Question

У меня есть веб-приложение, которое позволяет создавать электронные письма в формате HTML, которые затем можно отправлять. Из-за того, насколько безобидным может быть отображение электронной почты в формате HTML, у меня есть встроенный редактор WYSIWYG с открытым исходным кодом.

Сам редактор работает фантастически, но с одной проблемой, о которой вы, возможно, уже думаете. По сути, CSS страницы конфликтует со встроенным CSS, сгенерированным текстовым редактором, что вызывает проблемы для таких вещей, как таблицы.

В настоящее время я решаю эту проблему на странице предварительного просмотра, помещая предварительный просмотр в iframe, но я не совсем уверен, что лучший способ сделать это для реальной страницы редактора. Если я сделаю это в iframe, мне придется либо поместить его на отдельную страницу и слегка изменить процесс, либо написать какой-нибудь Javascript для удаления HTML-кода из iframe при отправке формы.

Кажется, должен быть более простой способ - кто-нибудь решал эту проблему раньше?

Спасибо.

Answer 1

Я бы переключился на другой редактор, такой как CKEditor или TinyMCE, который позволяет редактировать весь HTML-код, используя сами iframe для отредактированного содержимого.Таким образом, вы можете редактировать именно то, что отправите.

Один пример: http://nightly.ckeditor.com/latest/ckeditor/_samples/fullpage.html

Answer 2

Измените, как вы нацеливаете свои селекторы Если у вас есть конфликты, значит, ваш CSS написан неэффективно.

Может быть, использовать корень div с определенным идентификатором и иметь все, что каскадно от этого.