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

अंक #1707✓ हल कियाखोला गया 4 जनवरी 2019द्वारा hemanthmc3 प्रतिक्रियाएं

संपादक में छवियों के लिंक ढूँढें

त्वरित उत्तरद्वारा maryia-kabash❤ 2

हाय @hemanthmc मैं sorter:drag:end ईवेंट की सदस्यता लेने का सुझाव दे सकता हूं और कॉलबैक के रूप में रिएक्ट विधि पास कर सकता हूं। विधि में जांचें कि क्या छवि गिरा दी गई है और इसके src को रिएक्ट स्थिति में स्टोर करें या जो भी आवश्यक हो वह करें। एक अधिक विस्तृत उदाहरण: this.grapesjsInstance.on('sorter:drag:end', this.onDr...

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

प्रश्न

मैं GrapesJs को reactJs में एकीकृत करने की कोशिश कर रहा हूं।

क्या आप कृपया नीचे दिए गए प्रश्न के साथ मेरी मदद कर सकते हैं GrapesJs-प्रतिक्रिया दें,

• क्या संपादक के अंदर उपयोग की जाने वाली छवियों के लिंक को खोजने का कोई तरीका है??

उदाहरण: जब मैं grapesjs संपादक के अंदर और छवि खींचता हूं और छोड़ता हूं तो यह छवि src पथ के साथ एक छवि टैग बनाएगा। इसलिए मैं संपादक के अंदर उपयोग किए जाने वाले सभी चित्र पथ चाहता हूं जो और सभी मैं संपादक के अंदर खींचता और गिराता हूं।

जवाब (3)

👍 सबसे उपयोगीmaryia-kabash• 4 जनवरी 2019

हाय @hemanthmc मैं sorter:drag:end ईवेंट की सदस्यता लेने का सुझाव दे सकता हूं और कॉलबैक के रूप में रिएक्ट विधि पास कर सकता हूं। विधि में जांचें कि क्या छवि गिरा दी गई है और इसके src को रिएक्ट स्थिति में स्टोर करें या जो भी आवश्यक हो वह करें। एक अधिक विस्तृत उदाहरण: this.grapesjsInstance.on('sorter:...

hemanthmc• 4 जनवरी 2019

आपके सुझाव @maryia-कबाश के लिए धन्यवाद

artf• 5 जनवरी 2019
editor.getWrapper() // Get the wrapper Component 
	.find('img') // Find all inner components by a query string
	.map(comp => comp.getAttributes()['src']) // map found components

घटक एपीआई: https://grapesjs.com/docs/api/component.html

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

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

अंक #830

मास्टर का क्लीन पुल विंडोज ओएस पर लोकलहोस्ट: 8080 लोड नहीं करेगा

सभी को नमस्कार नवीनतम मास्टर को खींचने और बस चलाने की कोशिश करने के बाद कोई समस्या होने पर, कोई संशोधन नहीं किया गया। वातावरण: विंडोज 7, नो...

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

अंक #1364

Grapesjs के कई उदाहरणों पर त्रुटि

नमस्कार मैं अपने reactJS एप्लिकेशन में Grapesjs का उपयोग करता हूं। मेरे पास एक प्रतिक्रिया घटक है जो Grapesjs का एक उदाहरण है। इसलिए मैं इस...

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

अंक #665

कस्टम घटक और सहेजें

क्षमा करें, मुझे फिर से! मैं अपने नए घटक "img-link" के साथ अपने टेम्पलेट को सहेजने की कोशिश कर रहा हूं: लेकिन जब मैं gjs-get-inlined-html क...

3 उत्तरअपडेट किया गया 6 मई 2020

अंक #1863

ब्लॉक प्रबंधक में नए घटक जोड़ना

मैं कई घटकों को जोड़ने की कोशिश कर रहा हूं जो मेरे कैनवास में ब्लॉक मैनेजर में हैं, लेकिन मेरा मानना है कि आईडी समस्या के कारण वे ठीक से दि...

3 उत्तरअपडेट किया गया 10 मार्च 2020

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

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

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

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

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

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

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

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

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

संबंधित ट्यूटोरियल

एक ही विषय पर गहन मार्गदर्शिकाएँ।

सभी ट्यूटोरियल →

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

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