Nein. Schlüssel gibt es per Selbstbedienung ohne Prüfung, und weder Einbindung noch Nutzung kosten etwas.

Kann jemand anderes meinen Schlüssel benutzen?

Der Schlüssel ist von Haus aus öffentlich; geschützt wird er durch die von dir registrierte Domain-Allowlist (die Blockliste hat Vorrang). Zugriffe von nicht registrierten Domains werden mit Hinweis abgelehnt, und jeder Ladevorgang wird nach echtem Origin gezählt — die Aufschlüsselung siehst du in der Konsole.

Wo bleibt das, was Besucher im eingebetteten Editor schreiben?

Im Browser des Besuchers. Der Editor läuft auf der eigenen Origin von Tutu Office, isoliert von deiner Seite: deine Seite bekommt keine Tutu-Office-Zugangsdaten, und die privaten Dokumente des Besuchers tauchen im Embed nie auf.

Wie entwickle ich lokal dagegen?

Trag localhost in die Allowlist ein. Same-Origin-Vorschauen deckt die Regel „kein Origin-Header“ ab, mehr ist nicht nötig.

TutuDocs · Einbettbare Komponente

Eine Zeile Code: füge in Sekunden einen Dokumenteditor zu deiner Website hinzu

Bette den TutuDocs-Dokumenteditor (Layout / Tabellen / Bilder / Gliederung) in jede beliebige Website ein. Besucher schreiben Dokumente direkt auf deiner Website, Themes sind konfigurierbar und Produktaktualisierungen werden automatisch übernommen — null Wartung für dich.

Live ausprobieren Code ansehen Schlüssel generieren (ohne Prüfung)

Kopieren & einfügen — vor dem </body> -Tag deiner Seite

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

Ersetze pk_live_YOUR_KEY durch einen Schlüssel, den du selbst in der Konsole generierst (jeder registrierte Nutzer — ohne Prüfung, sofort gültig); der Container #tutudocs-editor benötigt eine Breite und Höhe. Registriere bei der Einrichtung deine Einbettungs-URL (Zulassungsliste; für die lokale Entwicklung localhost verwenden); er erscheint nur auf den von dir registrierten Websites.

Live ausprobieren

Klicke auf die Schaltfläche unten, um den eingebetteten Dokumenteditor direkt hier auszuprobieren.

JS-API (für Rückrufe / Anpassung)

<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>

Vollständige Konfigurationsoptionen

Parameter	Typ	Beschreibung
key	string	Dein öffentlicher Schlüssel pk_ (in der Konsole generiert). Erforderlich.
theme	'auto'\|'light'\|'dark'	Theme; auto folgt dem Hell- oder Dunkelmodus des Hosts/Systems.
saveText	string	Beschriftung der Schaltfläche „Fertig“ (Standard „Fertigstellen & zurücksenden“, ≤16 Zeichen). Wird in der nativen oberen Leiste des Editors angezeigt (neben Teilen/Verlauf).
hideSuite	boolean	Blendet den Suite-Launcher aus (beim Einbetten standardmäßig ausgeblendet, um Ablenkung zu verringern).

Methoden

editor.export()Exportiert das aktuelle Dokument als .docx → Promise<{dataUrl,mime,size}>.
editor.setTheme('dark')Theme zur Laufzeit wechseln.
editor.destroy()Hängt die Komponente aus (entfernt das iframe).

Ereignis-Rückrufe

onReady()Der Editor ist bereit.
onSave(file)Der Nutzer klickt auf „Fertig“ → file.dataUrl ist das exportierte Word-Dokument (.docx).
onError(e)e.message ist in verständlicher Sprache (nicht aktiviert / keine Berechtigung / Ladefehler).
onClose()Die Vollbild-Overlay wurde geschlossen.

Sicherheit · Automatische Updates

· Selbstbedienung, automatische Freigabe: Jeder registrierte Nutzer trägt in der Konsole einen Websitenamen + eine Einbettungs-URL ein und erhält einen sofort funktionierenden Schlüssel.
· Der Schlüssel ist öffentlich; eine Zulassungs-/Sperrliste registrierter URLs verhindert Missbrauch (die Sperrliste hat Vorrang). Nicht registrierte Domains werden mit dem Hinweis zur Registrierung abgelehnt; du kannst jederzeit pausieren oder fortsetzen.
· Echte Herkunftsstatistik: Jeder Ladevorgang wird nach Origin gezählt (auch blockierte); die Konsole zeigt eine Aufschlüsselung pro Herkunft, und du kannst eine nicht registrierte Domain mit einem Klick zulassen.
· Der Editor läuft auf der eigenen Domain von TutuDocs (isoliert); deine Seite kann auf keine TutuDocs-Anmeldedaten zugreifen, und die privaten TutuDocs-Dokumente eines Besuchers erscheinen nie in der eingebetteten Komponente.
· Die Komponente wird von TutuDocs selbst gehostet und automatisch aktualisiert —— Funktions-Upgrades erfordern keine Code-Änderungen auf deiner Seite; null Wartung.