editor de código HTML en línea gratuito con vista previa instantánea en vivo. Ingrese su código en el editor y vea cómo cambia la vista previa a medida que escribe. Componga sus documentos fácilmente sin instalar ningún programa.
hay otro editor HTML en línea que está utilizando un editor visual WYSIWYG vinculado al editor de código, pero nos pareció necesario crear un compositor separado donde el TinyMCE no sobrescriba los errores y le da más libertad y control., Ese editor en particular corrige nuestro código cada vez que considera algo un error, incluso si no lo queríamos. Ahora podemos usar etiquetas y atributos no estándar, ASP.NET etiquetas y más.
¿cómo utilizar el editor de código HTML?
verá el editor de fuentes pre-rellenado con un texto de demostración cuando cargue el sitio web por primera vez, lo que le permite experimentar con la herramienta. Cargue este texto en cualquier momento que desee utilizando la opción de menú asignado. Para abrir una nueva etiqueta, utilice la lista situada encima del área de texto. Cierre las etiquetas abiertas haciendo clic en el botón Cerrar en el lado derecho de la sección superior., Esto cerrará los artículos uno por uno en orden de apertura inverso.
el área principal de composición HTML está usando resaltado de sintaxis para hacer que las etiquetas de lenguaje de marcado sean fácilmente distinguibles y más legibles. La cantidad de caracteres se muestra junto con los botones de control principales: deshacer, nueva página, ajustador de tamaño de fuente, compresor y el botón principal de limpieza HTML que ejecuta todas las opciones de limpieza marcadas.
el área de vista previa se encuentra en el lado derecho del editor de código fuente y los cambios se reflejan aquí al instante para hacer que la composición HTML sea más amigable para los humanos., Esta sección está utilizando el CSS Bootstrap, que le permite usar los estilos del framework front-end más popular.
desplazándose más abajo puede encontrar muchas herramientas integradas útiles. Utilice el Asistente de etiquetas para realizar operaciones masivas en el código. Después de la primera columna de la lista de nombres de etiquetas, hay opciones adicionales para crear nuevas etiquetas, reemplazarlas, eliminarlas completamente con su contenido, eliminar solo las etiquetas, eliminar los atributos de etiquetas de ciertas etiquetas y es posible convertir tablas y listas en elementos div estructurados., Además de las etiquetas predefinidas iframe, table, link, span, image, form y list, puede definir y manipular otras etiquetas que las ingresan en los campos de entrada. Cada acción del asistente de etiqueta se puede ejecutar individualmente con los pequeños botones de reproducción o se pueden activar comprobando los puntos grises y aplicarlos todos juntos con el botón principal en la esquina superior derecha de la ventana.
Las funciones de limpieza HTML más básicas están disponibles y se pueden aplicar una por una o todas las opciones activas al mismo tiempo., Borrar estilos en línea, clases no deseadas e ids, etiquetas vacías, etiquetas que contienen solo un espacio que no se rompe, espacios sucesivos, comentarios. También puede deshacerse de todos los atributos de etiqueta (excepto el src de imágenes y el href de etiquetas de anclaje) o eliminar todas las etiquetas con un clic del ratón, haciendo que el documento sea un texto sin formato.
la herramienta Reemplazar puede buscar e intercambiar bits de texto en todo el documento, el contenido, los atributos de la etiqueta, los estilos o en las clases/ID. Esto no admite expresiones regulares.,
el selector de color es otra característica importante del editor de código HTML que nos permite seleccionar fácilmente el color deseado y guardarlo para su uso posterior. Los fragmentos de código más comunes se pueden copiar y pegar fácilmente en el editor.
El generador de texto gibberish rellena el editor o el área asignada en la página con algunos párrafos básicos de Lorem Ipsum.
consejos útiles
mantenga una copia de seguridad del contenido y guarde siempre el progreso del trabajo.asegúrese de validar el código HTML antes de publicarlo para evitar errores.
Lea acerca de todas las malas prácticas HTML Aquí.,
Use el CSS a continuación para estilizar los divs convertidos de tablas: