TutuDocs · एम्बेड करने योग्य घटक

कोड की एक पंक्ति — अपनी साइट में सेकंडों में दस्तावेज़ संपादक जोड़ें

TutuDocs दस्तावेज़ संपादक (लेआउट / तालिकाएँ / चित्र / रूपरेखा) को अपनी किसी भी वेबसाइट में एम्बेड करें। आगंतुक आपकी साइट पर ही सीधे दस्तावेज़ लिखते हैं, थीम कॉन्फ़िगर की जा सकती हैं, और उत्पाद अपडेट स्वतः लागू होते हैं — आपके लिए शून्य रखरखाव।

लाइव आज़माएँ कोड देखें कुंजी बनाएँ (कोई समीक्षा नहीं)
कॉपी करें और पेस्ट करें — अपने पेज के </body> टैग से पहले 
<script src="https://tutudocs.com/embed.js"
        data-key="pk_live_YOUR_KEY"
        data-mount="#tutudocs-editor" defer></script>

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

लाइव आज़माएँ

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

JS API (कॉलबैक / अनुकूलन के लिए)

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

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

पैरामीटरप्रकारविवरण
keystringआपकी सार्वजनिक कुंजी pk_ (कंसोल में बनाई गई)। आवश्यक।
theme'auto'|'light'|'dark'थीम; auto होस्ट/सिस्टम के लाइट या डार्क मोड का अनुसरण करता है।
saveTextstring«पूर्ण» बटन का लेबल (डिफ़ॉल्ट «पूर्ण करें और वापस भेजें», ≤16 अक्षर)। संपादक के मूल शीर्ष बार में दिखता है (साझा करें/इतिहास के पास)।
hideSuitebooleanसूट लॉन्चर छिपाएँ (एम्बेड करने पर डिफ़ॉल्ट रूप से छिपा, ताकि ध्यान भंग कम हो)।

विधियाँ

  • editor.export()वर्तमान दस्तावेज़ को .docx के रूप में निर्यात करें → Promise<{dataUrl,mime,size}>।
  • editor.setTheme('dark')रनटाइम पर थीम बदलें।
  • editor.destroy()घटक हटाएँ (iframe हटाता है)।

इवेंट कॉलबैक

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

सुरक्षा · स्वतः अपडेट

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