¿Tiene algún coste?

No. Las claves son autoservicio y sin revisión, y ni integrarlo ni usarlo tiene coste.

¿Puede alguien más usar mi clave?

La clave es pública por diseño; lo que la protege es la lista de dominios permitidos que registras (la lista de bloqueo tiene prioridad). Las peticiones desde dominios no registrados se rechazan con un aviso, y cada carga se cuenta por su Origin real, con el desglose visible en la consola.

¿Dónde queda lo que un visitante escribe en el editor incrustado?

En el navegador del propio visitante. El editor se ejecuta en el origen de Tutu Office, aislado de tu página: tu página no recibe ninguna credencial de Tutu Office y los documentos privados del visitante nunca aparecen dentro del embed.

¿Cómo desarrollo en local?

Pon localhost en la lista de permitidos. Las vistas previas del mismo origen las cubre la regla de «sin cabecera Origin»; no hace falta nada más.

TutuDocs · Componente integrable

Una línea de código: añade un editor de documentos a tu sitio en segundos

Integra el editor de documentos de TutuDocs (maquetación / tablas / imágenes / esquema) en cualquier sitio web. Los visitantes escriben documentos directamente en tu sitio, los temas son configurables y las actualizaciones del producto se aplican automáticamente: cero mantenimiento para ti.

Pruébalo en vivo Ver el código Generar una clave (sin revisión)

Copiar y pegar — antes de la etiqueta </body> de tu página

<script src="https://tutudocs.com/embed.js"
        data-key="pk_live_YOUR_KEY"
        data-mount="#tutudocs-editor" defer></script>

Sustituye pk_live_YOUR_KEY por una clave que generes tú mismo en la consola (cualquier usuario registrado: sin revisión, al instante); el contenedor #tutudocs-editor necesita un ancho y un alto. Registra tu URL de integración durante la configuración (lista de permitidos; para desarrollo local usa localhost); solo aparece en los sitios que registres.

Pruébalo en vivo

Haz clic en el botón de abajo para probar aquí mismo el editor de documentos integrado.

API de JS (para retrollamadas / personalización)

<script src="https://tutudocs.com/embed.js"></script>
<script>
  const editor = TutuDocs.mount('#tutudocs-editor', {
    key: 'pk_live_YOUR_KEY',
    theme: 'auto',            // auto | light | dark
    onSave: (file) => {
      // file.dataUrl = the exported Word document (.docx, base64)
      upload(file.dataUrl);
    }
  });
  // After the user clicks Done, onSave returns the .docx; or call it directly:
  // const { dataUrl } = await editor.export();
</script>

Opciones de configuración completas

Parámetro	Tipo	Descripción
key	string	Tu clave pública pk_ (generada en la consola). Obligatorio.
theme	'auto'\|'light'\|'dark'	Tema; auto sigue el modo claro u oscuro del anfitrión/sistema.
saveText	string	Etiqueta del botón «Listo» (por defecto «Finalizar y devolver», ≤16 caracteres). Se muestra en la barra superior nativa del editor (junto a Compartir/Historial).
hideSuite	boolean	Oculta el lanzador de la suite (oculto por defecto al integrarse para reducir distracciones).

Métodos

editor.export()Exporta el documento actual como .docx → Promise<{dataUrl,mime,size}>.
editor.setTheme('dark')Cambiar el tema en tiempo de ejecución.
editor.destroy()Desmonta el componente (elimina el iframe).

Retrollamadas de eventos

onReady()El editor está listo.
onSave(file)El usuario hace clic en «Listo» → file.dataUrl es el documento de Word exportado (.docx).
onError(e)e.message está en lenguaje claro (no habilitado / sin permiso / error de carga).
onClose()Se cerró la capa a pantalla completa.

Seguridad · Actualizaciones automáticas

· Autoservicio, aprobación automática: cualquier usuario registrado registra un nombre de sitio + URL de integración en la consola y obtiene una clave que funciona al instante.
· La clave es pública; una lista de URL registradas permitidas/denegadas evita el uso indebido (gana la lista de denegados). Los dominios no registrados se rechazan con un aviso para registrarlos; puedes pausar o reanudar en cualquier momento.
· Analíticas de origen reales: cada carga se contabiliza por Origin (incluidas las bloqueadas); la consola muestra un desglose por origen y puedes autorizar un dominio no registrado con un clic.
· El editor se ejecuta en el propio dominio de TutuDocs (aislado); tu página no puede acceder a ninguna credencial de TutuDocs, y los documentos privados de TutuDocs de un visitante nunca aparecen en el componente integrado.
· El componente es autoalojado y actualizado automáticamente por TutuDocs —— las mejoras de funciones no requieren cambios de código de tu parte; cero mantenimiento.