Etiquetas Visuales y Widgets
Las etiquetas visuales avanzadas de Educa están completamente integradas en el Editor del Panel. Simplemente seleccionando una función en la Barra de Herramientas, podrás nutrir tus lecciones de componentes dinámicos como tarjetas, vídeos o índices generados automáticamente.
Toc (Índice de Contenido automático)
Genera un índice de navegación para la lección actual basado en tus títulos ## y ###. Muy recomendable para lecciones largas.
CardGrid y Card (Malla de Tarjetas)
Para presentar información paralela, comparativas o resúmenes destacados. Puedes meter tantas <Card> como quieras dentro del contenedor principal
Contenido A
- Contenido de la tarjeta...
Contenido B
- Punto importante uno..
Iconos de Tarjeta
El atributo icon acepta nombres de iconos de Lucide (ej: BookOpen, Info, AlertCircle, Check).
Callout (Cajas destacadas con icono)
Úsalas para notas importantes que requieran atención inmediata del alumno.
Nota
Informativo azul o general.
Aviso
Advertencia en amarillo.
¡Peligro!
Error o riesgo en rojo.
¡Hecho!
Éxito o completado en verde.
Iconos de Tarjeta
El atributo icon acepta nombres de iconos de Lucide (ej: BookOpen, Info, AlertCircle, Check).
Aside (Notas laterales estilizadas)
Ideales para curiosidades, consejos rápidos o "Sabías que...". Tienen un diseño de borde lateral mucho más ligero para no interrumpir la lectura principal.
Step (Pasos con línea conectora)
Perfecto para tutoriales de "hazlo tú mismo" o procesos secuenciales ordenados.
Instabiliza la App
Pasos iniciales de configuración.
Configura tu perfil
Siguiente acción lógica.
YouTube (Vídeos Integrados)
Inserta tus vídeos o explicaciones de YouTube. El componente se encargará de que se adapten a la pantalla, por ejemplo, los móviles, de forma fluida y responsive.
Badge (Mini-etiquetas de estado)
Resalta términos como NUEVO, IMPORTANTE o TRUCO flotando dentro de tus párrafos.
Esto es una función NUEVA que debes revisar.
Proceso de Redacción Sugerido
Barra de Herramientas
No necesitas memorizar estos códigos. En el editor de lecciones tienes todos estos botones directos disponibles en la parte superior para insertar las plantillas con un solo clic.
Crea y Estructura tu contenido
Redacta tu teoría normalmente usando las reglas de Markdown (#, negritas, listas).
Aplica vitaminas visuales
Usa los botones de la barra superior para insertar Callouts, Asides o Cards en aquellos puntos clave que requieran destacar sobre la lectura lineal.
Añade navegabilidad con ToC
Inserta <Toc /> justo al principio si tu lección incluye varias secciones para generar el panel lateral de atajos, evitando que el alumno se pierda.