TutuDocs · Komponen yang dapat disematkan

Satu baris kode — tambahkan editor dokumen ke situs Anda dalam hitungan detik

Sematkan editor dokumen TutuDocs (tata letak / tabel / gambar / kerangka) ke situs web mana pun milik Anda. Pengunjung menulis dokumen langsung di situs Anda, tema dapat dikonfigurasi, dan pembaruan produk berlaku otomatis — tanpa pemeliharaan dari Anda.

Salin & tempel — sebelum tag </body> halaman Anda
<script src="https://tutudocs.com/embed.js"
        data-key="pk_live_YOUR_KEY"
        data-mount="#tutudocs-editor" defer></script>

Ganti pk_live_YOUR_KEY dengan kunci yang Anda buat sendiri di konsol (pengguna terdaftar mana pun — tanpa peninjauan, langsung berlaku); kontainer #tutudocs-editor harus memiliki lebar dan tinggi. Daftarkan URL penyematan Anda saat penyiapan (daftar izin; untuk pengembangan lokal gunakan localhost); komponen hanya muncul di situs yang Anda daftarkan.

Coba langsung

Klik tombol di bawah untuk mencoba editor dokumen yang disematkan langsung di sini.

JS API (untuk callback / kustomisasi)

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

Opsi konfigurasi lengkap

ParameterTipeDeskripsi
keystringKunci publik Anda pk_ (dibuat di konsol). Wajib.
theme'auto'|'light'|'dark'Tema; auto mengikuti mode terang/gelap host/sistem.
saveTextstringLabel tombol «Selesai» (default «Selesai & kirim balik», ≤16 karakter). Ditampilkan di bilah atas asli editor (di samping Bagikan/Riwayat).
hideSuitebooleanSembunyikan peluncur suite (disembunyikan secara default saat disematkan untuk mengurangi gangguan).

Metode

  • editor.export()Ekspor dokumen saat ini sebagai .docx → Promise<{dataUrl,mime,size}>.
  • editor.setTheme('dark')Ganti tema saat runtime.
  • editor.destroy()Lepas komponen (menghapus iframe).

Callback peristiwa

  • onReady()Editor siap.
  • onSave(file)Pengguna mengeklik «Selesai» → file.dataUrl adalah dokumen Word yang diekspor (.docx).
  • onError(e)e.message ditulis dalam bahasa manusia (tidak diaktifkan / tanpa izin / gagal dimuat).
  • onClose()Overlay layar penuh ditutup.

Keamanan · Pembaruan otomatis

  • · Layanan mandiri, disetujui otomatis: pengguna terdaftar mana pun mendaftarkan nama situs + URL penyematan di konsol dan mendapatkan kunci yang langsung berfungsi.
  • · Kunci bersifat publik; perlindungan dari penyalahgunaan bertumpu pada daftar izin/tolak URL terdaftar (daftar tolak diutamakan). Domain tak terdaftar ditolak disertai imbauan untuk mendaftar; Anda dapat menjeda atau melanjutkan kapan saja.
  • · Statistik sumber sebenarnya: setiap pemuatan dihitung berdasarkan Origin (termasuk yang diblokir); konsol menampilkan rincian per sumber, dan Anda dapat menambahkan domain tak terdaftar ke daftar izin dengan satu klik.
  • · Editor berjalan di domain milik TutuDocs sendiri (terisolasi); halaman Anda tidak dapat mengakses kredensial TutuDocs apa pun, dan dokumen pribadi TutuDocs milik pengunjung tidak pernah muncul di komponen yang disematkan.
  • · Komponen di-host sendiri dan diperbarui otomatis oleh TutuDocs — peningkatan fitur tidak memerlukan perubahan kode di pihak Anda; tanpa pemeliharaan.