Visión general
Los bricks de contenido se usan para presentar información a quien aprende. No requieren interacción — son los bloques de construcción para transmitir conocimiento.
Texto y tipografía
Encabezado
Un título o encabezado de sección con estilo personalizable. Admite formato de texto enriquecido (negrita, cursiva, subíndice, superíndice).
Texto
Un bloque de texto enriquecido para párrafos y contenido con formato. Admite la barra de herramientas de formato completa, incluidas listas, enlaces, colores y alineación.
Cita
Un bloque de cita con estilo y atribución de autor opcional. Ideal para destacar afirmaciones clave u opiniones de expertos.
Nota
Un bloque de información destacado con distintas variantes (información, advertencia, consejo, importante). Llama la atención sobre información clave.
Destacado
Un bloque de texto prominente con fondo y estilo personalizados para enfatizar conceptos clave.
Medios
Imagen
Una imagen independiente con pie de foto y texto alternativo opcionales. Admite:
- Subida de archivo (PNG, JPEG, WebP)
- Búsqueda de imágenes de banco
- Generación de imágenes con IA
- Recorte de imagen
Imagen y texto
Una disposición en paralelo que combina una imagen con contenido de texto enriquecido. La posición de la imagen (izquierda o derecha) es configurable.
Vídeo
Un reproductor de vídeo incrustado. Admite:
- URLs de YouTube y Vimeo
- Subida directa de archivo de vídeo
- Altura configurable
Audio
Un reproductor de audio con controles de reproducción. Admite:
- Subida de archivo de audio
- Generación de texto a voz con IA
Adjunto
Un enlace a un archivo descargable. Sube documentos (PDF, Word, Excel, etc.) que quien aprende pueda descargar.
Código y técnico
Código
Un bloque de código con resaltado de sintaxis que admite varios lenguajes de programación. Los bricks de código no se traducen al usar la función de traducción, lo que mantiene tu código fuente intacto.
Código incrustado
Un elemento interactivo incrustado. Tres modos:
- Subir carpeta — Sube una carpeta HTML (debe contener
index.html) - URL — Incrusta una URL externa mediante iframe
- IA — Genera contenido HTML interactivo con IA (solo en el ámbito de organización)
Disposición
Separador
Un divisor visual entre secciones de contenido. Admite formas y estilos personalizados.
Lista
Una lista estructurada con elementos ordenados o no ordenados.
Gráfico
Brick de visualización de datos que admite varios tipos de gráfico:
- Gráfico de barras
- Gráfico de líneas
- Gráfico circular
- Y más