Wie man HTML von Nutzern auf einer Website geschrieben machen, nicht mit der Site Sheets in Konflikt geraten?

Question

Ich habe eine Website, die ein Benutzer Blog-Beiträge erstellen kann. Es gibt einige backlisted-Tags, aber die meisten Standard-HTML-Tags sind akzeptabel.

Aber ich habe Probleme mit, wie die Seiten angezeigt zu bekommen.

Ich halte die HTML in seinem eigenen div gewickelt.

Ich würde letztlich wie die HTML vom Benutzer von dem wichtigsten Websites Sheets getrennt zu halten, damit es vermeiden kann Stile und kneift das Layout der ursprünglichen Website erbt, wo die HTML angezeigt wird.

Also am Ende ist es etwas, was ich zu einem div anwenden kann so sein Inhalt aus dem Rest der Website unter Quarantäne gestellt werden?

Danke!

Answer 1

Sie können einen Reset-Stylesheet verwenden, um die Eigenschaften für den jeweiligen DIV zurückgesetzt und es ist Kinder. Und auf der anderen Seite, werden Sie wahrscheinlich einen CSS-Parser müssen die Benutzer-Stylesheet für diesen spezifischen DIV einzustellen.

Answer 2

Sie können es in einem Rahmen tun oder einen Iframe. Das hält sie in jeder Weise trennen.

Answer 3

Könnten Sie jedes nutzergenerierten mediale Inhalte mit div der Klasse ‚username‘ zusätzlich zu allen anderen Klassennamen automatisch hinzufügen kann?

Dann -Ich sie davon ausgehen, ‚können they'- und Stil formatiert, wie sie wollen, haben alle ihre Stile voran wie folgt:. div.username selector

Ansonsten können Sie in der Lage iframes zu verwenden.

Answer 4

Sie könnten einen iframe verwenden, um sie vollständig getrennt, wenn Sie wirklich darüber sein, extremen wollten.

Oder könnten Sie sie beschränken nur Inline-Schreibweisen, so dass sie nicht Ihrer Seite Sheet beeinflussen können:

1) Streifen aus jedem Stil-Tags HTML erstellt der Benutzer. Auf diese Weise können sie nicht Ihre Stile außer Kraft setzen.

2), ihren Code validieren und entweder reparieren oder ablehnen Dinge wie nicht geschlossene Tags oder Elemente, die nicht in einem div (wie Kopf- oder Körper-Tags sein sollen) und stellen Sie sicher, es wird alles richtig, so dass es geschlossen kann nicht vermasseln jeder html von Ihrer Seite nach dem div es enthalten ist in.