पेजकिट - स्व-होस्टेड GrapesJS साइट बिल्डर, स्रोत के रूप में बेचा गया। जल्दी पहुंच प्राप्त करें

अंक #2274✓ हल कियाखोला गया 17 सितम्बर 2019द्वारा tom-sherman4 प्रतिक्रियाएं

एक पठनीय घटक के बच्चों को कैसे लोड करें?

त्वरित उत्तरद्वारा pouyamiralayi❤ 2

आपको नमस्कार! आप लक्ष्य घटक की ड्रैग करने योग्य संपत्ति को इस तरह से सेट कर सकते हैं: इस तरह, यह केवल स्लॉट के अंदर खींचा जा सकता है। रीडओनली प्रकार के लिए भी ऐसा ही किया जा सकता है। यदि आपको अपने विशिष्ट मामले के लिए और सहायता की आवश्यकता है, तो मैं एक बेला की सराहना करूंगा। चीयर्स।

नीचे पूरा उत्तर पढ़ें ↓

प्रश्न

मैं एक रीडओनली घटक (ड्रैग, ड्रॉपेबल आदि सभी झूठे पर सेट) को माउंट करने की कोशिश कर रहा हूं और उपयोगकर्ता को अंदर चाइल्ड घटकों को संपादित करने की अनुमति देता हूं।

उदाहरण के लिए यदि मेरे पास निम्नलिखित सामग्री है

<div class="wrapper">
  <header>A header</header>

  <div>
    EDIT ME
  </div>

  <footer>A footer</footer>
</div>

मैं इस सभी सामग्री को घटक के अंदर लोड करना चाहता हूं, और उपयोगकर्ता को नए ब्लॉकों को खींचने की अनुमति देता हूं जहां यह कहेगा "मुझे संपादित करें"

जवाब (3)

👍 सबसे उपयोगीpouyamiralayi• 18 सितम्बर 2019

आपको नमस्कार! आप लक्ष्य घटक की ड्रैग करने योग्य संपत्ति को इस तरह से सेट कर सकते हैं: इस तरह, यह केवल स्लॉट के अंदर खींचा जा सकता है। रीडओनली प्रकार के लिए भी ऐसा ही किया जा सकता है। यदि आपको अपने विशिष्ट मामले के लिए और सहायता की आवश्यकता है, तो मैं एक बेला की सराहना करूंगा। चीयर्स।

pouyamiralayi• 18 सितम्बर 2019

आपको नमस्कार! यदि आपका मतलब है उपयोगकर्ता इंटरैक्शन के बिना घटक को संपादक में इंजेक्ट करना, तो आप इसका उपयोग कर सकते हैं: इस पर अधिक यहांउपयोगकर्ता को नए ब्लॉक खींचने की अनुमति देता है जहां वह कहेगा "मुझे संपादित करें" यदि आपका मतलब है रीडओनली घटक को फिर से संपादन योग्य बनाना, तो यह इस तरह से प्राप...

tom-sherman• 18 सितम्बर 2019

@pouyamiralayi धन्यवाद! मैंने एक Slot घटक लागू किया है और init विधि के अंदर विशेषताओं को ओवरराइड किया है अब मुझे जो समस्या हो रही है वह यह है कि उदाहरण के लिए उपयोग केवल पढ़ने योग्य हेडर के ऊपर एक आइटम को खींचने में सक्षम है। क्या इस व्यवहार को रोकने का कोई तरीका है? मैं बॉडी और रीडओनली के बीच आइटम...

संबंधित प्रश्न और उत्तर

इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।

अंक #4512

इस पृष्ठ के लगभग सभी उदाहरण grapejs के साथ विफल हो जाते हैं

GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? संस्करण 103.0.506...

3 उत्तरअपडेट किया गया 12 सितम्बर 2022

अंक #1817

संपादक में ब्लॉक रेंडर होने पर HTML सामग्री बदलें

हैलो @artf मेरे पास ब्लॉक मैनेजर में एक ब्लॉक है जैसे ब्लॉक के अंदर उपरोक्त स्क्रिप्ट के अनुसार, मैं गतिशील HTML सामग्री जोड़ना चाहता हूं ज...

3 उत्तरअपडेट किया गया 22 फ़रवरी 2020

अंक #6211

बहुत अधिक पुनरावृत्ति

GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? फ़ायरफ़ॉक्स 131.0...

4 उत्तरअपडेट किया गया 21 अक्टूबर 2024

अंक #5388

हेडलेस मोड चलाने से संपादक से अलग HTML लौटाता है

GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोमवी117.0.5938...

4 उत्तरअपडेट किया गया 16 सितम्बर 2023

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।

सभी प्लगइन्स देखें

सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...

निःशुल्क विकल्प

ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।

मुफ्त प्लगइन्स ब्राउज़ करें →
प्रीमियम विकल्प

प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।

प्रीमियम प्लगइन्स ब्राउज़ करें →

ब्राउज़ प्लगइन श्रेणियाँ

सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।