HTML ed.it
X
: 0
OK

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.

html converter online

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.

online word text to html converter

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...

instant source code html preview

Opciones:

html tidying
  • 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>&nbsp;</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>&nbsp;&nbsp;&nbsp;</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.

toolbar

  • 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 &nbsp;
  • 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.