Сбросить CSS для определенной области страницы?

StackOverflow https://stackoverflow.com/questions/1731555

  •  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, другие хорошо протестированы и у вас есть койка очень хороших плагинов почти для каждой потребности.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top