Resumen
Incrusta un entorno de CodeSandbox en una página o tarjeta de ReadyTools Workspace para tenerlo junto a tus notas.
Pega la URL del proyecto en los ajustes del bloque y selecciona «Incrustar». Después puedes abrir el Sandbox o cambiar el enlace.
Cuándo usarlo
Documenta un proyecto y mantén su entorno de CodeSandbox junto a las notas técnicas.
Añade el Sandbox de una demo a una página de referencia.
Reúne el enlace de un proyecto de CodeSandbox en una tarjeta.
Guarda un entorno de ejemplo junto a la documentación de una tarea.
Funciones y ajustes
Ajuste
URL de CodeSandbox
Pega la URL del proyecto en «Pega la URL de CodeSandbox...» y selecciona «Incrustar» para configurar el entorno.
Integrado
Abrir el Sandbox
Selecciona «Abrir Sandbox» para abrir el entorno de CodeSandbox.
Integrado
Cambiar el enlace
Selecciona «Cambiar enlace» para reemplazar la URL asociada al bloque.
Cómo usarlo
Añade CodeSandbox
Inserta el bloque CodeSandbox en una página o tarjeta.
Abre los ajustes
Abre «Ajustes de CodeSandbox».
Pega la URL
Pega la dirección del proyecto en «Pega la URL de CodeSandbox...».
Incrusta el entorno
Selecciona «Incrustar» para añadir el entorno.
Vuelve al proyecto
Selecciona «Abrir Sandbox» para abrirlo, o «Cambiar enlace» si quieres usar otra URL.
Dónde funciona
En cualquier página
En el menú /
Dentro de tarjetas de tablero
Convierte otros bloques en él
Panel de ajustes propio
Lara puede añadirlo por ti
Ejemplos
Documentación de un proyecto
Incrusta el Sandbox del proyecto junto a las notas sobre su estructura y propósito.
Página de una demo
Añade el entorno de una demostración a una página para tenerlo reunido con el contexto.
Referencia en una tarjeta
Incluye el Sandbox de un ejemplo en una tarjeta para localizarlo junto a la información relacionada.
Consejos · Limitaciones
Consejos
Copia la URL del proyecto de CodeSandbox antes de configurar el bloque.
Comprueba que la URL corresponde al proyecto que quieres tener junto a tus notas.
Usa «Cambiar enlace» si necesitas asociar otra URL.
Limitaciones
Para configurar la incrustación necesitas una URL de CodeSandbox.
Este bloque está destinado a incrustar entornos de CodeSandbox, no a mostrar código fuente como texto.
Preguntas frecuentes
¿Cómo incrusto un proyecto de CodeSandbox en mis notas?
Añade el bloque CodeSandbox a una página o tarjeta, pega la URL del proyecto en «Ajustes de CodeSandbox» y selecciona «Incrustar».
¿Qué URL necesito para incrustar CodeSandbox?
Necesitas la URL del proyecto de CodeSandbox que quieres mostrar en el bloque.
¿Cómo abro el Sandbox desde ReadyTools Workspace?
Selecciona «Abrir Sandbox» en el bloque para abrir el entorno de CodeSandbox.
¿Puedo cambiar el proyecto de CodeSandbox después?
Sí. Selecciona «Cambiar enlace» y configura el bloque con la URL del otro proyecto.
¿Dónde puedo usar la incrustación de CodeSandbox?
Puedes añadir el bloque CodeSandbox a una página o a una tarjeta.
Crea tu próxima página con CodeSandbox
Abre Workspace, escribe / y añádelo en un segundo. Gratis para empezar, sin tarjeta.