Verwenden Sie CSS für bestimmte Block (Bereich CSS)

Question

Ich habe Anwendung, wo Benutzer ihren HTML-Code einfügen kann, wenn ich HTML mit style Tag einfügen diese CSS-Regeln sind auch auf meine Anwendung angewendet.

Diese CSS-Regeln sollten nur auf eingefügten Code angewendet werden.

diese Gefunden:

http://www.w3schools.com/tags/att_style_scoped.asp

Aber es funktioniert nur mit Firefox, würde perfekte Lösung für dieses Problem sein.

Jetzt denke ich über das Parsen von eingefügten CSS-Regeln und die Anwendung auf HTML als Inline-CSS-Regeln.

Gibt es eine bessere Lösung?

Answer 1

Verwenden Sie iFrame, um eine sichere Möglichkeit zu bieten, vom Benutzer bereitgestellten HTML-Code anzuzeigen. Auf diese Weise hat der Benutzer, selbst wenn er versucht, Ihre Website zu überschreiben, um wie ein Bankkonto zu sein, keinen Zugriff auf den Inhalt von Outer-iFrame.