Editor HTML gratuito en línea, limpiador y convertidor
Convierte cualquier documento a HTML limpio. Este formateador de código gratuito en línea lo ayudará a redactar sus documentos de forma rápida y sencilla. Puede previsualizar y ajustar el documento visual y el código fuente uno al lado del otro. Edite cualquiera de estos campos y los cambios se reflejarán en el otro al instante mientras escribe.
Editor WYSIWYG "what you see is what you get" o "lo que ves, es lo que tienes"
El funcionamiento de este editor de palabras visuales es muy intuitivo. Se comporta como Microsoft Word, Open Office o cualquier otro editor de texto enriquecido y le ayuda a obtener una vista previa de cómo se verán sus elementos cuando publique su artículo en un sitio web. Tenga en cuenta que la apariencia exacta puede ser diferente, según el archivo CSS del sitio web.
Editor de código fuente
Editor HTML resaltando la sintaxis con muchas funciones útiles, tales como:
- Contador de número de línea
- Resaltado de línea activo
- Apertura destacada y etiquetas de cierre coincidentes
- Cierre automático de etiquetas
- mira abajo para más...
Opciones:
- Estilos incorporados – Quita cada atributo de etiqueta style. Se recomienda usar un archivo CSS separado para el diseño.
- IDs y Clases – Elimina todos los atributos class y id. Una característica útil cuando está migrando un artículo de un sitio web a otro y desea deshacerse de clases extrañas.
- Etiquetas vacías – Borra etiquetas que no contienen nada o solo un espacio.
- Tags con un espacio – Borra las etiquetas que contienen un solo espacio, como <p> </p>
- Espacios repetidos – Elimina los espacios repetidos, lo cual es una mala práctica de desplazar el texto hacia la derecha y establecer espacios en el texto: <p> </p>
- Eliminar comentarios – Deshágase de los comentarios HTML: <!-- ... -->
- Atributos de etiqueta – Borra todos los atributos de etiqueta, incluidos los estilos, las clases, etc. Esta opción no afecta el atributo src de imágenes y href de los enlaces, ya que de lo contrario estas etiquetas se volverían inútiles.
- Para texto sin formato – Elimina todas las etiquetas, formatea y deja el texto simple.
Opciones del editor de HTML
Abra el menú desplegable ▼ para revelar las opciones de limpieza. Las opciones marcadas se ejecutan una vez que presiona el botón principal de limpieza de HTML. Presiona el ícono de triángulo rojo a la derecha para realizar solo uno de ellos.
- Deshacer – Restaure el documento al estado anterior. Regrese a la etapa anterior si una opción de limpieza no le da el resultado deseado.
- Nueva pagina – Borre todo el documento para comenzar con una página en blanco.
- Comprimir – Las pestañas y las nuevas líneas se utilizan para hacer que un archivo HTML sea más legible para los humanos, pero no afectan la representación en el navegador web. Elimine estos caracteres innecesarios para minimizar el tamaño del archivo y proporcionar una velocidad de carga de página más rápida.
- Vista de árbol – Establezca indentación de texto para resaltar la jerarquía de etiquetas. Puede volver a leer los documentos comprimidos con esta opción.
- Codificación de caracteres – Decida si desea codificar caracteres especiales o no. Por ejemplo
- Demostración de contenido – Llena el tablero con un contenido de demostración que te ayude a experimentar con esta herramienta. La demostración contiene un encabezado, una tabla, una imagen, párrafos y otros elementos.
- Desplazar editores juntos – Por defecto, los dos editores se desplazan juntos cuando el documento es grande. Puede deshabilitar esta característica.
- Añadir texto sin sentido – Agrega un párrafo de "Lorem ipsum" al final de su archivo. Presiónelo de nuevo para agregar uno diferente.
Haga click aquí para editar este texto o pegarlo aquí para convertirlo a HTML 😁
Este demo le permite probar las características de este editor. Escriba algo en uno de los campos y vea el otro cambiando en tiempo real.
Configure las opciones de limpieza y haga clic en ▼ Limpiar
Trabaje con cualquiera de los editores y vea el otro cambiando en tiempo real:
Izquierda : Vista previa | Derecha : Código fuente |
Obtenga una vista previa de cómo se verá su documento cuando se publique. | Ajuste el código HTML de la sintaxis resaltada. |
Revisa Pranx.com para buenas bromas en línea.