TutuEdit · Widget yang dapat disematkan

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

Sematkan editor pro TutuEdit (crop / filter / cutout / teks) ke situs web mana pun. Pengunjung mengedit foto langsung di situs Anda; atur tema dan alat, dan pembaruan produk diterapkan otomatis tanpa perlu pemeliharaan.

Coba langsung Lihat kode sematan Buat kunci (tanpa peninjauan)

Siap salin-tempel · tempel sebelum tag </body> situs Anda

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

Ganti pk_live_YOUR_KEY dengan kunci publik yang Anda buat sendiri di konsol (setiap pengguna terdaftar — tanpa peninjauan, instan); kontainer #dd-editor membutuhkan lebar dan tinggi. Saat menyematkan, daftarkan URL sematan Anda (allowlist; untuk pengembangan lokal gunakan localhost); hanya tampil di situs yang telah Anda daftarkan.

Coba langsung

Ketuk tombol di bawah untuk mencoba editor gambar yang disematkan langsung di halaman ini.

JS API (untuk callback / kustomisasi)

<script src="https://tutuedit.com/embed.js"></script>
<script>
  const dd = TutuEdit.mount('#dd-editor', {
    key: 'pk_live_YOUR_KEY',
    theme: 'auto',            // auto | light | dark
    onSave: (file) => {
      // file.dataUrl = gambar yang diedit (base64)
      upload(file.dataUrl);
    }
  });
  dd.open('https://your.site/photo.jpg'); // buka sebuah gambar
</script>

Konfigurasi lengkap

Parameter	Tipe	Deskripsi
key	string	Kunci publik pk_ Anda (dibuat di konsol). Wajib.
theme	'auto'\|'light'\|'dark'	Tema; auto mengikuti mode terang atau gelap host/sistem.
hideToolbar	boolean	Sembunyikan bilah alat kiri (skenario tampilan minimal / ekspor sekali ketuk).
hideHeader	boolean	Sembunyikan bilah atas (saat Anda membangun UI sendiri dan mengekspor melalui export()).
hideOpen	boolean	Sembunyikan tombol «Open image» (hanya izinkan gambar melalui dd.open).
hideExport	boolean	Sembunyikan tombol «Export & download» (gunakan hanya «Done & send back»).
saveText	string	Label tombol «Done» (default «Done & send back», ≤16 karakter).
exportFormat	'png'\|'jpg'\|'webp'	Format ekspor saat selesai.
exportQuality	number 0..1	Kualitas JPG/WebP.

Metode

dd.open(url, name?)Buka gambar di editor (url atau dataURL).
dd.export(format?, quality?)Ekspor hasil saat ini → Promise<{dataUrl,mime,size}>.
dd.setTheme('dark')Ganti tema saat runtime.
dd.destroy()Lepas widget (menghapus iframe).

Callback event

onReady()Editor siap.
onSave(file)Pengguna mengetuk «Done» → file.dataUrl adalah hasil yang diedit.
onError(e)e.message mudah dibaca manusia (dinonaktifkan / tidak berwenang / gagal dimuat).
onClose()Overlay layar penuh ditutup.

Keamanan · Pembaruan otomatis

· Swalayan, disetujui otomatis: setiap pengguna terdaftar mendaftarkan nama situs + URL sematan di konsol untuk mendapatkan kunci, langsung berlaku.
· Kunci publik bersifat publik; dilindungi oleh daftar izin/blokir URL terdaftar terhadap penyalahgunaan (blocklist menang); permintaan dari domain tidak terdaftar ditolak dengan permintaan untuk mendaftar; aktif/nonaktifkan kapan saja.
· Analitik origin nyata: setiap pemuatan dihitung berdasarkan Origin (termasuk yang diblokir); konsol menampilkan rincian per-origin, dan domain tidak terdaftar dapat dimasukkan ke allowlist dalam sekali ketuk.
· Editor berjalan di domain milik TutuEdit sendiri (terisolasi); halaman Anda tidak dapat mengakses kredensial TutuEdit apa pun, dan karya pribadi TutuEdit pengunjung tidak pernah muncul di widget.
· Widget di-hosting sendiri dan diperbarui otomatis oleh TutuEdit — peningkatan fitur tidak memerlukan perubahan kode di sisi Anda, tanpa pemeliharaan.