Pracuję nad systemem CMS. Jedną z jego funkcji jest edycja „fragmentów” HTML w edytorze WYSIWYG, które są wyświetlane jako pojedyncze strony.

Mam obszar w CMS, w którym te fragmenty są przeglądane.

Kawałki polegają na pliku „foundation.css”, który jest ładowany do edytora WYSIWYG. Robi małe resetowania, definiuje domyślną czcionkę i kolor tekstu, i jest ogólnie bardzo prosty.

CMS oczywiście ma mnóstwo instrukcji CSS, z których wiele wpływa na ogólne ustawienia, takie jak rozmiar czcionki, rodzina, kolor, wysokość linii, paddings i tym podobne.

Naturalnie, gdy próbuję wyświetlić fragment HTML na stronie CMS, wygląda on inaczej niż wtedy, gdy jest wyświetlany tylko za pomocą arkusza stylów foundation.css.

Czy ktoś może wymyślić sposób oczyszczenia zdefiniowanego obszaru na stronie HTML (powiedzmy DIV) ze wszystkich poprzednich definicji stylu? Nie mogę.

Pomogłaby ramka Iframe wyświetlająca porcję i osadzająca Foundation.css, ale obawiam się o przepływ pracy użytkownika, gdy 5-10 ramek IFrame musi być renderowanych, a następnie dopasowywanych na wysokość za pomocą JS po ich załadowaniu. Fuj.

Pomyślałem o „podniesieniu” całego innego CSS do podklasy (tj. Dostosowaniu CSS), ale wymagałoby to dotknięcia wielu plików, prawdopodobnie kodu źródłowego PHP, i wolałbym tego nie robić.

Nie sądzę, żeby to miało rozwiązanie, ale nigdy nie wiadomo.