Come fare HTML scritti dagli utenti su un sito, non è in conflitto con i fogli di stile del sito?

Question

Ho un sito web che consente a un utente di creare post del blog. Ci sono alcuni tag backlisted ma la maggior parte dei tag HTML standard sono accettabili.

Tuttavia, sto avendo problemi con il modo vengono visualizzate le pagine.

Continuo il codice HTML avvolto nel proprio div.

Vorrei infine piace tenere il codice HTML da parte dell'utente separato dai siti principali fogli di stile in modo che possa evitare di ereditare gli stili e avvitando il layout del sito di origine in cui viene visualizzato il codice HTML.

Così, alla fine, c'è qualcosa che posso applicare a un div così il suo contenuto vengono messi in quarantena dal resto del sito?

Grazie!

Answer 1

È possibile utilizzare un foglio di stile reset per ripristinare le proprietà per quella specifica DIV ed è bambini. E d'altra parte, avrete probabilmente bisogno di un parser CSS per regolare foglio di stile dell'utente per quella specifica DIV.

Answer 2

Si può fare in un frame o un iframe. Che tenerlo separato in ogni modo.

Answer 3

Potrebbe formattare ogni contenuti generati dagli utenti con un div di classe 'username' in aggiunta a qualsiasi altro classnames si può aggiungere automaticamente?

Poi -i assumono 'they'- può formattare e lo stile a loro piacimento, possono avere tutti i loro stili preceduti in questo modo:. div.username selector

In caso contrario, si può essere in grado di utilizzare iframe.

Answer 4

Si potrebbe usare un iframe per tenerli completamente separato se si voleva davvero essere estremo su di esso.

In alternativa, si potrebbe limitarli a scrivere solo gli stili inline in modo che non possono influenzare foglio di stile della tua pagina:

1) eliminare qualsiasi stile di tag HTML l'utente crea. In questo modo essi non possono ignorare i vostri stili.

2) convalidare il loro codice e la loro correzione o rifiutare le cose come tag o elementi non chiusi che non dovrebbero essere all'interno di un div (come testa o il corpo tag) e assicurarsi che tutto viene chiuso bene in modo che non può rovinare qualsiasi html dalla pagina dopo il div che è contenuta in.