Saltar al contenido
Toolars
Explorar
Informar de un error

Desarrollo · utilidad Local

Formateador HTML

HTML Formatter

Da formato a marcado de hasta 256 KiB con sangría de 2 o 4 espacios en un Worker local, conservando los espacios del texto. Nada se sube.

Ruta de la tarea / de la entrada al resultado

Pega el marcado

Funciona en local · No se sube nada

Cómo funciona Formateador HTML, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo formatear HTML

  1. 01

    Pega el marcado

    Pega código de hasta 256 KiB UTF-8. Elige dos o cuatro espacios al formatear.

  2. 02

    Elige el tamaño de la sangría

    Elige 2 o 4 espacios. El ejemplo ya está cargado; el ajuste se aplica al pulsar Formatear.

  3. 03

    Pulsa Formatear

    Pulsa Formatear. El analizador local ajusta las etiquetas HTML, pero conserva los espacios originales entre textos y el contenido literal de script/style; comprueba la página de destino.

  4. 04

    Revisa las estadísticas

    Compara los bytes UTF-8 de entrada y salida y el porcentaje ahorrado. Un ahorro negativo significa que el resultado creció; revísalo antes de copiarlo o descargarlo.

  5. 05

    Copia o descarga el resultado

    Usa Copiar resultado para el portapapeles o Descargar para guardar toolars.html; Copiar resultado es la vía rápida cuando el marcado formateado va directo a un editor o a un comentario de revisión. Restablecer vacía los paneles para el siguiente documento.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Formateador HTML usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Cuándo es útil Formateador HTML

Revisiones de código

Haz que el código fuente sea más fácil de inspeccionar antes de compartirlo con otro desarrollador.

Artefactos de compilación

Crea HTML, CSS o JavaScript compacto sin ejecutar el código fuente.

Fragmentos listos para copiar

Formatea un ejemplo concreto y muévelo directamente a la documentación o a un editor.

Qué hace Formateador HTML en realidad

Una plantilla de correo generada en una sola línea cuesta revisar. Formatea las etiquetas localmente y compara el resultado con el original en la vista previa del correo, incluidos espacios y estilos incrustados.

Preguntas frecuentes

¿Qué opciones de sangría hay?
Elige 2 o 4 espacios. Las etiquetas HTML se imprimen con un ancho de 100 columnas, pero los espacios entre textos y el contenido de script/style no cambian; no hay tabulaciones.
¿Formatear también valida mi marcado?
El analizador puede rechazar HTML mal formado e indicar la posición, pero no es un validador completo. Aún debes comprobar el análisis del navegador, la semántica de la plantilla y el comportamiento de la aplicación.
¿Por qué creció el recuento de bytes tras formatear?
Cambiar espacios o comillas dentro de etiquetas puede aumentar los bytes UTF-8; los espacios entre textos y el contenido literal de script/style se conservan. El tamaño no demuestra corrección.
¿El formateado cambia lo que renderiza la página?
Se conservan los espacios originales entre textos y el contenido de script/style, pero formatear etiquetas no garantiza la misma representación. Compara la plantilla en su entorno de destino.
¿Cuáles son los límites?
La entrada está limitada a 256 KiB y la salida a 512 KiB. El Worker local tiene cinco segundos para iniciarse y otros cinco para ejecutarse; editar el código o pulsar Cancelar lo detiene.
¿Mi marcado se sube a algún sitio?
No. El código se analiza en un Worker local sin ejecutarlo, subirlo ni guardarlo. Que el analizador lo acepte no garantiza corrección ni compatibilidad.

Continuar en Desarrollo

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Código a imagen

Code to Image Converter

Convierte código en una tarjeta PNG o SVG con resaltado Shiki para seis lenguajes, temas claro y oscuro, números de línea, título y escala 1x o 2x.

Crear

Generador de slugs URL

URL Slug Generator

Convierte títulos en slugs limpios en vivo: sin acentos, & convertido en and, guiones o guiones bajos como separador y escrituras no latinas intactas.

Crear

Sombras para React Native

React Native Shadow Generator

Ajusta sombras de iOS, elevation de Android o la nueva propiedad boxShadow contra una vista previa en vivo, y copia el fragmento StyleSheet.

Crear

Codificador/decodificador Base64

Base64 Encoder/Decoder

Codifica texto Unicode a Base64 y decodifícalo con validación en vivo, opciones UTF-8 y URL-safe, e intercambio para la ida y vuelta. En local.

Convertir