Изолирующий текстовый редактор CSS с родительской страницы (summernote)

Question

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

Довольно прямо вперед код мудрый, используя шаблон обертку который будет обернуть все отдельные сообщения электронной почты, такие как забыли пароль, регистрация и т.д.

Summernote Использование хорошо работает для отдельных шаблонов, но при использовании его с шаблоном обертки (который содержит некоторый стандартный CSS) CSS в редакторе переопределяет CSS родительской страницы, на которой сидит редактор.

Любые идеи о том, как изолировать мой шаблон CSS, чтобы мои администраторы не получали сумасшедшую родительскую страницу при редактировании обертки?

Answer 1

Я думаю, что лучший и самый надежный способ - разместить весь ваш контент (включая summernote) в iframe.

В этой теме, некоторые ребята обсуждают об этом: Reset/remove CSS styles for element only

Существует этот обходной путь, предложенный milche-patern и он помечается как принятый ответ, но я согласен с JS_riddler.

У меня была такая же проблема в проекте и с небольшим бенчмаркингом, что многие веб-сайты с такими функциями используют iframes.

С уважением!