Cómo hacer HTML escrito por los usuarios en un sitio, no entrar en conflicto con las hojas de estilo del sitio?

Question

Tengo un sitio web que permite a un usuario crear entradas de blog. Hay algunas etiquetas backlisted pero la mayoría de las etiquetas HTML estándar son aceptables.

Sin embargo, estoy teniendo problemas con la forma en que aparecen las páginas consiguen.

Me quedo con el HTML envuelto en su propia div.

Me gustaría mantener en última instancia, el código HTML de usuario separada de las hojas de estilo principales sitios por lo que puede evitar heredar estilos y atornillar el diseño del sitio de origen, donde se muestra el código HTML.

Así que al final, ¿hay algo que pueda aplicarse a un div por lo que sus contenidos son puestos en cuarentena desde el resto del sitio?

Gracias!

Answer 1

Se puede utilizar una hoja de estilo de restablecimiento para restablecer las propiedades de ese DIV específico y de los niños. Y por otro lado, es probable que tengas un analizador CSS para ajustar hoja de estilo del usuario para que DIV específica.

Answer 2

Puede hacerlo en un marco o un iframe. Eso mantenerlo separado en todos los sentidos.

Answer 3

¿Puede dar formato a cada contenido generado por el usuario con un div de clase 'nombre de usuario', además de cualquier otro classnames puede agregar automáticamente?

A continuación, se asumen -i 'they'- puede dar formato y el estilo lo que quieran, pueden tener todos sus estilos precedidos de este modo:. div.username selector

De lo contrario, es posible que pueda utilizar iframes.

Answer 4

Se podría utilizar un iframe para mantenerlos completamente separado si realmente quería ser extrema al respecto.

O, usted podría restringe solamente escribir los estilos en línea de modo que no pueden afectar hoja de estilo de su página:

1) tira a cualquier estilo etiquetas HTML crea el usuario. De esta manera no pueden anular sus estilos.

2) validar su código y, o bien corregir o rechazar las cosas como las etiquetas o elementos no cerradas que no deberían estar dentro de un div (como etiquetas de la cabeza o del cuerpo) y asegúrese de que todo se ha cerrado correctamente por lo que no se puede meter a cualquier hTML de su página después de la div que está contenida en.