Componente de texto enriquecido

Last updated on 11/6/2024@mrbirddev

Insertar

Puedes insertar un Texto desde el botón Agregar diapositiva en la parte superior izquierda.

O puedes usar el icono de más en la parte superior/inferior del componente seleccionado para añadirlo en Diapositiva / Contenedor / nivel en línea.

Estructura del DOM

Un componente Texto se compone de esta manera en la estructura del DOM HTML.

<div>
  <h1>...</h1>
  <h2>...</h2>
  <h3>...</h3>
  <p>...</p>
</div>

Por lo tanto, necesitas apuntar a los hijos directos del nodo raíz al establecer estilos.

Configuración del margen vertical del bloque

&>*.margin: 20px 0

Configuración de la altura de línea del bloque

&>*.lineHeight: 1.4

Configuración de estilos solo para encabezados

El ejemplo usa h1. También puedes especificar h2, h3, p...

&>h1.fontSize: 3em;

Consideración de SEO

Además de tener algunos estilos predeterminados en el navegador, los encabezados (h1 / h2 ...) sirven como indicadores semánticos para los motores de búsqueda. Los motores de búsqueda analizarán tus encabezados para entender de qué trata tu página web. Puedes buscar encabezados seo para aprender más.