Manejando algún "pequeño" abuso de HTML

Así que aquí hay un problema interesante.

Algunos de nuestros usuarios (especialmente los más jóvenes) han empezado a anidar etiquetas <small> para hacer que el texto sea prácticamente ilegible. Más allá de simplemente regañarlos (lo cual parece excesivo porque es molesto, pero no va contra las reglas), ¿tienen alguna sugerencia sobre cómo prevenir esto en el lado del servidor?

Pueden ver lo fácil que es hacer esto (y abusar de ello) en la siguiente línea:

`Un ejemplo de texto pequeño está aquí. Puedo decir lo que quiera y les requerirá pasos adicionales para que lo lean!

Resolver esto obliga a los moderadores a editar activamente la publicación para poder leerla o copiar y pegar.

¿Sobrescribir el estilo de la etiqueta mediante CSS?

.cooked {
    small {
        &, small {
            font-size: 1em;
        }
    }
}

O si quieres que la etiqueta small siga funcionando pero evitar el anidamiento,

.cooked {
    small {
        font-size: .7579em;
        small {
            font-size: 1em;
        }
    }
}

siendo 0.7579em el valor predeterminado.

¿No deberían los moderadores ocuparse de los abusadores? Suspender al usuario por períodos cada vez más largos por cada publicación marcada que contenga abuso.

Podemos optar por la vía de la moderación, pero, para ser honesto, se trata de niños (de 13 y 14 años, principalmente) y preferiría la opción más sencilla de simplemente evitarlo y explicarles por qué lo he hecho. No están intentando deliberadamente eludir la moderación; solo buscan enfatizar sus sentimientos al comunicarse, si me entiendes. Se sienten pequeños e insignificantes y lo demuestran mediante el tamaño literal del texto.

¿Está este CSS definido por el tema o en otro lugar? No he hecho mucho trabajo de estilo con CSS, así que no estoy totalmente seguro de dónde colocarlo. (Por cierto, esto es ideal.)

Si aún no tienes estilos personalizados, creo que la mejor opción es crear un nuevo componente de tema.
Administrador → personalizar → componentes → crear nuevo componente
Agrega el componente a tus temas.
Todavía en la configuración de tu tema personalizado, ve a editar HTML/CSS y luego a la pestaña CSS.
Pega el código CSS elegido, guarda y ¡listo! :+1:t6:

Hermoso. Solución implementada: ellos obtienen su texto más pequeño y yo puedo LEER sus publicaciones. Perfecto. ¡Gracias!