TutuEdit · एम्बेड करने योग्य विजेट

कोड की एक लाइन —अपनी साइट में सेकंडों में इमेज एडिटर जोड़ें

TutuEdit के प्रो एडिटर (क्रॉप / फ़िल्टर / कटआउट / टेक्स्ट) को किसी भी वेबसाइट में एम्बेड करें। विज़िटर आपकी साइट पर ही फ़ोटो एडिट करते हैं; थीम और टूल कॉन्फ़िगर करें, और प्रोडक्ट अपडेट अपने आप लागू होते हैं, ज़ीरो मेंटेनेंस के साथ।

लाइव आज़माएँ एम्बेड कोड देखें एक की जनरेट करें (कोई समीक्षा नहीं)

कॉपी-पेस्ट के लिए तैयार · इसे अपनी साइट के </body> से पहले पेस्ट करें

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

बदलें pk_live_YOUR_KEY उस पब्लिक की से जिसे आप स्वयं जनरेट करते हैं कंसोल में (कोई भी रजिस्टर्ड यूज़र — कोई समीक्षा नहीं, तुरंत); कंटेनर #dd-editor को चौड़ाई और ऊँचाई चाहिए। एम्बेड करते समय, अपने एम्बेड URL रजिस्टर करें (allowlist; लोकल डेवलपमेंट के लिए उपयोग करें localhost); यह केवल उन्हीं साइटों पर दिखता है जिन्हें आपने रजिस्टर किया है।

लाइव आज़माएँ

इस पेज पर ही एम्बेड किए गए इमेज एडिटर को आज़माने के लिए नीचे दिया बटन दबाएँ।

JS API (कॉलबैक / कस्टमाइज़ेशन के लिए)

<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 = एडिट की गई इमेज (base64)
      upload(file.dataUrl);
    }
  });
  dd.open('https://your.site/photo.jpg'); // एक इमेज खोलें
</script>

पूर्ण कॉन्फ़िगरेशन

पैरामीटर	टाइप	विवरण
key	string	आपकी pk_ पब्लिक की (कंसोल में जनरेट की गई)। आवश्यक।
theme	'auto'\|'light'\|'dark'	थीम; auto होस्ट/सिस्टम के लाइट या डार्क मोड का अनुसरण करता है।
hideToolbar	boolean	बायाँ टूलबार छिपाएँ (मिनिमल-व्यू / वन-टैप एक्सपोर्ट परिदृश्य)।
hideHeader	boolean	टॉप बार छिपाएँ (जब आप अपना खुद का UI बनाते हैं और export() से एक्सपोर्ट करते हैं)।
hideOpen	boolean	«Open image» बटन छिपाएँ (केवल dd.open के ज़रिए इमेज की अनुमति दें)।
hideExport	boolean	«Export & download» बटन छिपाएँ (केवल «Done & send back» का उपयोग करें)।
saveText	string	«Done» बटन का लेबल (डिफ़ॉल्ट «Done & send back», ≤16 अक्षर)।
exportFormat	'png'\|'jpg'\|'webp'	पूरा होने पर एक्सपोर्ट फ़ॉर्मेट।
exportQuality	number 0..1	JPG/WebP क्वालिटी।

मेथड

dd.open(url, name?)एडिटर में एक इमेज खोलें (url या dataURL)।
dd.export(format?, quality?)वर्तमान परिणाम एक्सपोर्ट करें → Promise<{dataUrl,mime,size}>।
dd.setTheme('dark')रनटाइम पर थीम बदलें।
dd.destroy()विजेट अनमाउंट करें (iframe हटाता है)।

इवेंट कॉलबैक

onReady()एडिटर तैयार है।
onSave(file)यूज़र «Done» दबाता है → file.dataUrl एडिट किया गया परिणाम है।
onError(e)e.message मानव-पठनीय है (अक्षम / अनधिकृत / लोड विफल)।
onClose()फ़ुलस्क्रीन ओवरले बंद कर दिया गया।

सुरक्षा · ऑटो-अपडेट

· सेल्फ़-सर्व, ऑटो-अप्रूव्ड: कोई भी रजिस्टर्ड यूज़र कंसोल में साइट नाम + एम्बेड URL रजिस्टर करके की प्राप्त करता है, जो तुरंत प्रभावी होती है।
· पब्लिक की सार्वजनिक है; इसे दुरुपयोग से रजिस्टर्ड-URL allow/block सूचियों द्वारा सुरक्षित रखा जाता है (ब्लॉकलिस्ट प्राथमिक); बिना रजिस्टर्ड डोमेन से आने वाले अनुरोध रजिस्टर करने के संकेत के साथ अस्वीकार किए जाते हैं; कभी भी चालू/बंद करें।
· वास्तविक-ऑरिजिन एनालिटिक्स: हर लोड Origin के अनुसार गिना जाता है (ब्लॉक किए गए भी); कंसोल प्रति-ऑरिजिन ब्रेकडाउन दिखाता है, और बिना रजिस्टर्ड डोमेन को एक टैप में allowlist किया जा सकता है।
· एडिटर TutuEdit के अपने डोमेन पर चलता है (आइसोलेटेड); आपका पेज किसी भी TutuEdit क्रेडेंशियल तक नहीं पहुँच सकता, और विज़िटर के निजी TutuEdit कार्य कभी विजेट में नहीं दिखते।
· विजेट TutuEdit द्वारा सेल्फ़-होस्टेड और ऑटो-अपडेटेड है — फ़ीचर अपग्रेड के लिए आपकी ओर से कोड में कोई बदलाव नहीं, ज़ीरो मेंटेनेंस।