Cómo incrustar un editor de Word en tu página web

​

Pasos

1. Contrata el plugin en el panel (Facturación → Plugin de editor), con 7 días de prueba gratis.
2. Añade tus dominios (hasta 5, solo https). El editor solo abre en ellos; en localhost abre siempre, para programar.
3. Instálalo con el comando del panel (necesita React 19 o superior):

npm install https://api.eu.doconda.com/v1/editor/package/edt_….tgz

4. Ponlo en tu página, dentro de un contenedor con altura:

import { DocondaEditor } from "@doconda/editor"

export function Edit({ url }: { url: string }) {
  return (
    <div style={{ height: 700, display: "flex" }}>
      <DocondaEditor src={url} licenseKey="ek_eu_…" className="flex-1" />
    </div>
  )
}

5. Guarda lo que edita el usuario, solo o con Ctrl/Cmd+S:

<DocondaEditor
  src={url}
  autosave={2000}
  onSave={(bytes) => upload(bytes)}
  onDirtyChange={(pending) => setNotice(pending ? "Sin guardar" : "Guardado")}
  confirmOnLeave
/>

​

Que parezca parte de tu producto

• Colores y tipografía: theme="dark" o tus valores, por ejemplo theme={{ accent: "#e11d48", font: "Inter, sans-serif", radius: "6px" }}.
• Idioma: locale="es" o "en", y labels para cambiar cualquier texto.
• Botones: toolbar elige cuáles salen y en qué orden; features quita partes (comentarios, imprimir…).
• Botones propios: con items añades, por ejemplo, «Enviar a firmar», que recibe el archivo con api.save().

<DocondaEditor src={url} toolbar="undo redo | bold italic underline | bullets numbering | link" />

​

Por qué la clave puede ir en tu código

​

Preguntas frecuentes

​

Sigue leyendo

• Plugin de editor.
• Editor de Word (DOCX) para React.