Editor HTML online
Escribe o pega HTML y al lado ves al instante cómo queda. El modo Markdown convierte un marcado sencillo en HTML listo para la descripción de un producto o una newsletter.
- Gratis
- Sin registro
- Funciona en el navegador
Editor HTML online
Para qué necesita un editor HTML quien vende online
| Tarea | Qué haces |
|---|---|
| Descripción de producto para la tienda | escribes subtítulos, listas y una tabla de características y ves el resultado antes de pegar la descripción en la ficha |
| Descripción del proveedor | pegas HTML ajeno y compruebas qué lleva dentro: estilos sobrantes, etiquetas abiertas, imágenes rotas |
| Newsletter o plantilla | editas un bloque del correo y ves al momento cómo queda |
| Texto en Markdown | conviertes notas, una respuesta de la IA o un README en HTML y copias el código |
La longitud del texto final frente a los límites de los marketplaces la mides con el contador de caracteres.
Etiquetas HTML para la descripción de producto
| Etiqueta | Para qué sirve | Ejemplo |
|---|---|---|
| <h2>, <h3> | subtítulos de la descripción | <h2>Características</h2> |
| <p> | párrafo | <p>Zapatillas de running ligeras.</p> |
| <strong>, <em> | negrita y cursiva | <strong>Peso 260 g</strong> |
| <ul>, <li> | lista de ventajas o del contenido de la caja | <ul><li>Tallas 38–46</li></ul> |
| <table>, <tr>, <td> | tabla de características | <tr><td>Suela</td><td>EVA</td></tr> |
| <img> | imagen desde una dirección | <img src="https://…/foto.jpg" alt="Zapatillas de running"> |
| <a> | enlace | <a href="https://…">Guía de tallas</a> |
Los scripts, los estilos de la página y los iframes no deben ir en la descripción de un producto: la mayoría de tiendas y marketplaces los eliminan.
Convertir Markdown a HTML
Cambia el modo a «Markdown → HTML» y pega el texto: a la derecha aparece el resultado y «Copiar HTML» copia el código listo. Markdown resulta práctico cuando los textos se escriben en notas, en un chat o los genera la IA: la sintaxis es sencilla y el HTML que sale es limpio, sin estilos sobrantes.
| Markdown | HTML |
|---|---|
| ## Título | <h2>Título</h2> |
| **negrita**, *cursiva* | <strong>negrita</strong>, <em>cursiva</em> |
| - elemento | <ul><li>elemento</li></ul> |
| 1. elemento | <ol><li>elemento</li></ol> |
| [texto](https://…) | <a href="https://…">texto</a> |
| | A | B | + fila |---|---| | tabla <table> |
El HTML generado desde Markdown se limpia de scripts y atributos peligrosos antes de llegar a la vista previa y al portapapeles.
Comprobar errores en el código HTML
Debajo del editor ves cuántos caracteres tiene el código y qué etiquetas están abiertas sin cerrar: por ejemplo, un </strong> olvidado pone en negrita todo lo que queda de descripción. Es un aviso rápido, no una validación completa.
La validación completa según el estándar la hace el validador gratuito del W3C: pega el código en la pestaña «Validate by Direct Input» y te muestra cada error con su número de línea.
Ver y editar el HTML de una página en el navegador
- Todo el código fuente: en Chrome, Edge o Firefox pulsa Ctrl + U (en Mac, ⌘ + Opción + U).
- El código de un bloque: clic derecho sobre él → «Inspeccionar». Los cambios en esa ventana solo los ves tú y desaparecen al recargar la página.
- Copiar el HTML de un bloque: en la misma ventana, clic derecho sobre la línea → «Copiar» → «Copiar outerHTML», y pégalo aquí para editarlo con calma.
¿Es seguro pegar HTML ajeno?
Sí. La vista previa funciona en un marco aislado sin permiso para ejecutar scripts: el código pegado no lanza JavaScript, no ve la página ni tus datos, y sus enlaces no se abren en esta pestaña. El código no se envía a ningún sitio: el editor trabaja en tu navegador.
Descripciones de producto en HTML sin trabajo manual
Escribir a mano el HTML de cada ficha deja de ser viable a partir de unos cientos de productos. Elbuz redacta descripciones largas y cortas para una categoría o para todo el catálogo de una vez y las guarda por separado para cada idioma: el PIM de Elbuz. El generador de landing pages convierte la ficha de producto en una página de presentación interactiva con fotos y escalas de características y la inserta en la descripción de la tienda sin tocar la descripción en sí.
Errores habituales
- Etiqueta sin cerrar:
<b>sin</b>pone en negrita todo el texto que viene detrás. - Descripción copiada de Word con su
style="…"y sus fuentes: en la tienda se ve distinta que en el editor. - Imagen enlazada desde otra web: si allí la borran, en la descripción queda un hueco.
- Tabla sin
<tr>: el navegador pone todas las celdas en una sola fila. - Script en la descripción de producto: los marketplaces y la mayoría de tiendas lo eliminan o rechazan la ficha.
¿Sabías que…?
Markdown se creó como una herramienta que convierte texto en HTML para quienes escriben en la web; la versión 1.0.1 salió el 17 de diciembre de 2004.
Fuente: John Gruber, Daring Fireball, «Markdown», consultado el 01.11.2026Un iframe con el atributo sandbox sin allow-scripts no ejecuta los scripts de la página incrustada.
Fuente: MDN Web Docs, «<iframe>», consultado el 01.11.2026El validador del W3C revisa el marcado a partir de la dirección de una página, de un archivo subido o de código pegado.
Fuente: W3C Markup Validation Service, consultado el 01.11.2026La idea de hacer evolucionar el HTML, de la que nació HTML5, la presentaron Mozilla y Opera en 2004 en un taller del W3C.
Fuente: WHATWG, HTML Living Standard — Introduction, consultado el 01.11.2026
Preguntas frecuentes
¿Cómo se edita HTML online?
Pega el código en el editor: a la derecha ves el resultado al momento. Edita el código y, cuando esté listo, pulsa «Copiar HTML».
¿Cómo se convierte Markdown a HTML?
Cambia el modo a «Markdown → HTML», pega el texto y copia el HTML resultante con «Copiar HTML».
¿Cómo compruebo errores en el código HTML?
Debajo del editor ves las etiquetas sin cerrar y los cierres sobrantes. La validación completa según el estándar la hace el validador del W3C, en la pestaña «Validate by Direct Input».
¿Cómo veo el código HTML de una web?
Abre la página en el navegador y pulsa Ctrl + U: es todo el código fuente. El código de un bloque concreto lo ves con clic derecho → «Inspeccionar».
¿Se puede editar HTML en Chrome?
Sí: clic derecho sobre el elemento → «Inspeccionar» y doble clic sobre el texto o el atributo. Los cambios solo los ves tú hasta que recargas; para conservarlos, copia el código en el editor.
¿Es seguro pegar aquí código ajeno?
Sí: la vista previa es un marco aislado sin scripts; el código no se ejecuta ni se envía a ningún sitio.
¿Con qué abro un archivo HTML?
Con cualquier navegador, que muestra la página. Para editarlo, abre el archivo en un editor de texto o copia aquí su contenido.