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

अंक #2202✓ हल कियाखोला गया 19 अगस्त 2019द्वारा Chaitwo3 प्रतिक्रियाएं

पूर्वावलोकन पर होने पर एक छवि निकालें और संपादक पर दिखाएं

त्वरित उत्तरद्वारा artf❤ 3

आप केवल यह नहीं कर सकते $('.img[src=""]') GrapesJS घटक एक ही संदर्भ में नहीं हैं, एक iframe के अंदर रखे गए हैं, इसलिए आपको उस iframe से document का उपयोग करना होगा, उदाहरण के लिए।

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

प्रश्न

अरे, @artf मुझे उस चुनौती के साथ मदद की ज़रूरत है जिसका मैं सामना कर रहा हूं

मैं पूर्वावलोकन मोड में विशेष वर्ग की छवियों के लिए src खाली के साथ छवियों को छिपाना चाहता हूं और उन्हें संपादक मोड पर दिखाना चाहता हूं।

मैंने यह कोशिश की है लेकिन यह किसी कारण से काम नहीं करता है

editor.on('run:preview', () => {
    $('.img[src=""]').hide();
});

editor.on('stop:preview', () => {
    $('.img[src=""]').show();
});

धन्यवाद चैतू

जवाब (2)

👍 सबसे उपयोगीartf• 25 अगस्त 2019

आप केवल यह नहीं कर सकते $('.img[src=""]') GrapesJS घटक एक ही संदर्भ में नहीं हैं, एक iframe के अंदर रखे गए हैं, इसलिए आपको उस iframe से document का उपयोग करना होगा, उदाहरण के लिए।

editor.Canvas.getDocument().querySelectorAll('.img[src=""]')
pouyamiralayi• 19 अगस्त 2019

क्या आपका चयनकर्ता सही है? जहां तक मुझे पता है grapes src के बजाय background-image:url() सेट करेंगे।

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

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

अंक #3626

डायनेमिक पर वीडियो टैग का src कैसे सेट करें?

हाय @artf , हाय मैं खींचें और ड्रॉप वीडियो टैग और blockmanager से बटन है, बटन क्लिक करने पर, मैं url src करने के लिए बदलने की जरूरत है. लेक...

4 उत्तरअपडेट किया गया 30 जुलाई 2021

अंक #2637

पूर्वावलोकन मोड और स्वचालित घटक बॉर्डर टॉगलिंग

फिर से नमस्ते :) हमारी टीम ने हाल ही में संपादक को अनुकूलित करना और वेबपेज प्रीसेट को हटाना शुरू कर दिया है, और हमें पूर्वावलोकन मोड से संब...

3 उत्तरअपडेट किया गया 9 जनवरी 2023

अंक #1044

मॉडल में छवि तत्व के लिए SRC बदलें

नमस्कार जब कोई छवि ब्लॉक संपादक पर जाता है तो मैं डिफ़ॉल्ट परिसंपत्ति प्रबंधक को छुपाता हूं और अपना कस्टम परिसंपत्ति प्रबंधक प्रदर्शित करता...

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

अंक #2281

छवि संपादक खोलने के दौरान छवि फसल के लिए डिफ़ॉल्ट कस्टम अनुपात कैसे सेट करें

अरे @artf , इस तरह के एक उपयोगी ओपन सोर्स लाइब्रेरी बनाने के लिए धन्यवाद। @artf मैं ओपन इमेज एडिटर पर काम कर रहा हूं जबकि उपयोगकर्ता Select...

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

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

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

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

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

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

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

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

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

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

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

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