Google Docs → HTML

Documento de Google a HTML.
Menos la sopa de clases.

Copiar de un documento te da HTML envuelto en nombres de clase que apuntan a una hoja de estilos que tú no tienes.

Pégalo aquí y lo que queda es el documento: títulos, listas, tablas, enlaces.

Suelta un archivo aquí.

O elígelo con el botón. O simplemente pega con Ctrl+V. Decenas a la vez no es problema.

.html .htm / 25 MB por archivo / corre en tu navegador, nada se sube

Otros formatos: .md .markdown .txt .mdown MD → HTML · .txt .text Texto → HTML · .txt .csv .tsv CSV → tabla · .docx .doc DOCX → HTML · .xlsx Excel → tabla · .pdf docstomd.com

O pégalo aquí

Selecciona el contenido dentro de tu documento y cópialo, no el enlace para compartir. Después pega aquí, o pulsa Ctrl+V en cualquier parte de esta página.

Salida
Salida
Sangría

Cómo funciona

  1. 01Abre tu documento, selecciona el contenido y cópialo. Después pega en el cuadro de abajo o pulsa Ctrl+V en cualquier parte de esta página: tu navegador deja una versión con formato en el portapapeles y es la que se lee.
  2. 02Primero pasa por DOMPurify, porque el HTML del portapapeles puede venir de cualquier página de la web. Después se quita la basura específica de Google: las clases c1/c17, el envoltorio <b style="font-weight:normal"> que Docs pone alrededor de todo, los identificadores docs-internal-guid y la redirección google.com/url?q= que envuelve cada enlace.
  3. 03Revisa la vista previa con sandbox y después copia el HTML o descárgalo como archivo.

Qué se admite

  • Texto con formato copiado directamente de Google Docs, Word Online, Notion o cualquier otro editor web
  • Código HTML pegado como texto, y archivos .html guardados
  • Títulos, párrafos, listas con anidamiento real, tablas, enlaces, negrita, cursiva y tachado
  • Desenvolver el <b style="font-weight:normal"> sin sentido con el que Docs rodea todo el documento
  • Deshacer las redirecciones google.com/url?q= para recuperar la URL que enlazaste de verdad
  • Quitar los parámetros utm_ y otros de seguimiento de los enlaces de tu documento

Qué no hace

  • No se conecta con tu cuenta de Google: nada de aquí puede ver tu Drive
  • Al pegar no vienen las imágenes: el portapapeles solo las referencia en los servidores de Google
  • Los comentarios y las sugerencias se descartan; resuélvelos antes de copiar
  • Los gráficos, dibujos y chips inteligentes llegan como texto plano, en el mejor de los casos
  • Copiar el enlace para compartir en lugar del contenido te deja con un enlace, y eso es todo lo que hay que convertir
  • Las tipografías y los colores de Google se eliminan junto con el resto del estilo

Qué se tira a la basura

Word y Google Docs envuelven el contenido en una capa de basura que solo significa algo dentro de su propio editor. Se va.

La estructura se queda: los títulos siguen siendo títulos, las tablas tablas y las listas listas. Lo que se elimina es la decoración.

Preguntas que nos hacen

Porque nunca se pensó para que lo leyeras tú. Docs escribe una hoja de estilos llena de reglas como .c1 y .c17, y luego etiqueta cada elemento con la clase correspondiente. Copias el contenido y las clases se vienen contigo, pero la hoja de estilos no: acabas con marcado cubierto de nombres de clase que ya no significan nada. Encima de eso hay un <b style="font-weight:normal"> que envuelve el documento entero, algo que no hace nada en cuanto a formato, y cada enlace se reescribe para pasar por google.com/url?q=.

¿Vas en la otra dirección?

DocsToMD es esta misma herramienta al revés: Word, PDF, Excel y HTML a Markdown. Mismo enfoque, mismo modelo de privacidad, salida opuesta.

docstomd.com