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
| Parameter | Tipe | Deskripsi |
|---|---|---|
| key | string | Kunci publik Anda pk_ (dibuat di konsol). Wajib. |
| theme | 'auto'|'light'|'dark' | Tema; auto mengikuti mode terang/gelap host/sistem. |
| saveText | string | Label tombol «Selesai» (default «Selesai & kirim balik», ≤16 karakter). Ditampilkan di bilah atas asli editor (di samping Bagikan/Riwayat). |
| hideSuite | boolean | Sembunyikan 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.