CSS für einen bestimmten Bereich der Seite zurücksetzen?

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

  •  20-09-2019
  •  | 
  •  

Frage

Ich arbeite an einem CMS. Eine seiner Funktionen ist die Bearbeitung von HTML -Stücken in einem Wysiwyg -Editor, der als einzelne Seiten angezeigt wird.

Ich habe einen Bereich im CMS, in dem diese Stücke vorsichtigen.

Die Brocken stützen sich auf eine "Foundation.css" -Datei, die in den WYSIWYG -Editor geladen wird. Es führt einige kleine Zurücksetzen, definiert eine Standard -Schriftart und eine Textfarbe und ist insgesamt sehr einfach.

Das CMS verfügt offensichtlich mit einer Menge CSS-Aussagen, von denen viele allgemeine Einstellungen wie Schriftgröße, Familie, Farbe, Linienhöhe, Paddings und dergleichen beeinflussen.

Wenn ich versuche, in einer CMS -Seite ein HTML -Chunk anzuzeigen, sieht es natürlich anders aus als nur mit der Foundation.css Stylesheet.

Kann jemand eine Möglichkeit erkennen, einen definierten Bereich in einer HTML -Seite (z. B. ein Div) aus allen früheren Stildefinitionen zu reinigen? Ich kann nicht.

  • Ein Iframe, der das Chunk und die Einbettungsstiftung zeigt. Yuck.

  • Ich habe darüber nachgedacht, alle anderen CSS in eine Unterklasse zu "heben" (dh das Anpassung des CMS-CSS der CMS), aber das würde das Berühren von vielen Dateien, einige wahrscheinlich PHP-Quellcode, beinhalten, und das würde ich lieber nicht tun.

Ich glaube nicht, dass dies eine Lösung hat, aber Sie wissen es nie.

War es hilfreich?

Lösung

Sie können alle Divs, die Code aus dem Wysiwyg -Editor enthalten, eine Klasse geben und dann alles in diesem Div zurücksetzen.

Andere Tipps

Es gibt CSS Reset Stylesheets verfügbar; Sie könnten diese vielleicht ändern?

Hinzu kommt, was Gsto sagte, Sie können einen Stil einrichten, wie

div.clearCss *
{
  property: value !important 
}

Mit allen relevanten Stileigenschaften zurückgesetzt. Dieser Stil sollte für alles unter einem Element mit ClearCSS -Set als Klasse gelten, sodass Sie diese Klasse nur auf das übergeordnete Element anwenden müssen.

Verwenden Sie einen bestimmten WYSIWYG -Editor in CMS? Ich habe festgestellt, dass der Telerik -Radeditor Ihnen ermöglicht, bestimmte Stylesheets für den tatsächlichen Bearbeitungsbereich des Editors zu verwenden. Der Editor, den Sie verwenden, kann dies auch tun.

Viel Glück und hoffe, das hilft.

Wenn du nimmst Tinymce Zum Beispiel verwenden sie auch einen Iframe, ich denke, sie hatten die gleichen Probleme wie Sie. Ich benutze es in meinem Backend und auf einigen Seiten 4 iFrames. Ich sehe keine Leistungsprobleme.

Mit Tinymce ist es möglich, die von Ihnen benötigten Funktionen zu komprimieren (in PHP, JSP, .NET und Coldfusion), dies gibt Ihnen einen großen Speedboost.

Überlegen Sie zweimal, Bevore, Sie schreiben Ihren eigenen Wysiwyg -Editor, die anderen sind gut getestet und haben eine Menge sehr guter Plugins für fast alle Bedürfnisse.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top