Guía rápida y contexto de uso
Editor CodeMirror con preview real
Esta pagina ya no es solo un visor basico. Es un playground HTML con abas CodeMirror para HTML, CSS y JavaScript, resaltado de sintaxis, numeros de linea, gutter de lint y preview en iframe sandbox.
El flujo sirve para desarrolladores, creadores y estudiantes que necesitan probar snippets, componentes, landing sections, formularios, tablas o emails HTML sin abrir una IDE completa.
Consola capturada, chequeos simples y templates
La consola captura console.log, console.warn, console.error, errores runtime y promises rechazadas desde el preview. Esto ayuda a ver si el snippet realmente se ejecuto.
La herramienta tambien incluye chequeos simples para tags HTML posiblemente abiertos, llaves CSS y sintaxis JavaScript. Los templates rapidos cubren componente inicial, landing, email HTML, formulario y tabla.
- Editar HTML, CSS y JS en abas dedicadas.
- Ejecutar preview manualmente o con auto-run.
- Capturar logs y errores del iframe.
- Usar templates y exportar el HTML final.
Archivos, preview responsivo y exportacion
Si tu codigo esta dividido en archivos, importa .html, .css y .js para poblar el editor. El HTML seleccionado se renderiza con CSS y JavaScript combinados.
Los anchos desktop, tablet y mobile ayudan a revisar responsividad. Puedes copiar el documento final, descargar un .html completo, abrir en nueva pestana o usar pantalla completa.
Seguridad y limites practicos
Los scripts se ejecutan dentro del iframe con sandbox. Usa codigo confiable cuando pruebes snippets externos.
Para escenarios grandes, abrir en nueva pestana mejora espacio de trabajo y lectura.