Сбросить CSS для определенной области страницы?
-
20-09-2019 - |
Вопрос
Я работаю над CMS. Одной из его функций является редактирование HTML «кусков» в редакторе Wysiwyg, который отображается в качестве отдельных страниц.
У меня есть область в CMS, где эти кусочки предварительно просмотрены.
Куски полагаются на файл "Foundation.css", который загружается в редактор Wysiwyg. Он выполняет небольшие сбросы, определяет шрифт по умолчанию и цвет текста и в целом очень прост.
CMS, очевидно, поставляется с массой операторов CSS, многие из которых влияют на общие настройки, такие как размер шрифта, семейство, цвет, высота линии, прокладки и тому подобное.
Естественно, когда я пытаюсь отобразить HTML -кусок на странице CMS, он отличается от того, когда он отображается только с помощью таблицы стиля Foundation.css.
Может ли кто -нибудь подумать о том, как очистить определенную область на HTML -странице (скажем, Div) из всех предыдущих определений стиля? Я не могу.
IFRAME, отображающий фонд куски и встраивания. Выносливый
Я подумал о том, чтобы «поднять» все другие CSS на подкласс (т.е. корректировка CSS CSS), но это включало бы прикосновение к множеству файлов, некоторые, вероятно, исходный код PHP, и я бы предпочел этого не делать.
Я не думаю, что у этого есть решение, но вы никогда не знаете.
Решение
Вы можете дать все DOV, которые содержат код из редактора Wysiwyg класс, а затем сбросить все внутри этого Div.
Другие советы
Есть CSS сброс Таблицы стилей доступны; Вы могли бы изменить их, возможно?
В дополнение к тому, что сказал GSTO, вы можете настроить какой -то стиль, как
div.clearCss *
{
property: value !important
}
Со всеми соответствующими свойствами стиля сброс. Этот стиль должен применяться ко всему под элементом с установленным в качестве класса Clearcss, поэтому вам нужно только применить этот класс к родительскому элементу.
Вы используете конкретный редактор Wysiwyg в CMS? Я обнаружил, что Telerik Radeditor позволит вам использовать конкретные таблицы стилей для реальной области редактирования редактора. Редактор, который вы используете, также может сделать это.
Удачи, и надеюсь, что это поможет.
Если вы возьмете Tinymce Например, они используют также iframe, я думаю, у них были такие же проблемы, как и вы. Я использую его в своем бэкэнде и на некоторых страницах 4 iframes. Я не вижу никаких проблем с производительностью.
С Tinymce можно сжать необходимые вам функции (в PHP, JSP, .NET и ColdFusion), это дает вам отличный Speedboost.
Подумайте дважды, когда вы пишете свой собственный редактор Wysiwyg, другие хорошо протестированы и у вас есть койка очень хороших плагинов почти для каждой потребности.