पूर्वावलोकन पर होने पर एक छवि निकालें और संपादक पर दिखाएं
आप केवल यह नहीं कर सकते $('.img[src=""]') GrapesJS घटक एक ही संदर्भ में नहीं हैं, एक iframe के अंदर रखे गए हैं, इसलिए आपको उस iframe से document का उपयोग करना होगा, उदाहरण के लिए।
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
अरे, @artf मुझे उस चुनौती के साथ मदद की ज़रूरत है जिसका मैं सामना कर रहा हूं
मैं पूर्वावलोकन मोड में विशेष वर्ग की छवियों के लिए src खाली के साथ छवियों को छिपाना चाहता हूं और उन्हें संपादक मोड पर दिखाना चाहता हूं।
मैंने यह कोशिश की है लेकिन यह किसी कारण से काम नहीं करता है
editor.on('run:preview', () => {
$('.img[src=""]').hide();
});
editor.on('stop:preview', () => {
$('.img[src=""]').show();
});
धन्यवाद चैतू
जवाब (2)
आप केवल यह नहीं कर सकते $('.img[src=""]') GrapesJS घटक एक ही संदर्भ में नहीं हैं, एक iframe के अंदर रखे गए हैं, इसलिए आपको उस iframe से document का उपयोग करना होगा, उदाहरण के लिए।
editor.Canvas.getDocument().querySelectorAll('.img[src=""]')
क्या आपका चयनकर्ता सही है? जहां तक मुझे पता है grapes src के बजाय background-image:url() सेट करेंगे।
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #3626
डायनेमिक पर वीडियो टैग का src कैसे सेट करें?
हाय @artf , हाय मैं खींचें और ड्रॉप वीडियो टैग और blockmanager से बटन है, बटन क्लिक करने पर, मैं url src करने के लिए बदलने की जरूरत है. लेक...
अंक #2637
पूर्वावलोकन मोड और स्वचालित घटक बॉर्डर टॉगलिंग
फिर से नमस्ते :) हमारी टीम ने हाल ही में संपादक को अनुकूलित करना और वेबपेज प्रीसेट को हटाना शुरू कर दिया है, और हमें पूर्वावलोकन मोड से संब...
अंक #1044
मॉडल में छवि तत्व के लिए SRC बदलें
नमस्कार जब कोई छवि ब्लॉक संपादक पर जाता है तो मैं डिफ़ॉल्ट परिसंपत्ति प्रबंधक को छुपाता हूं और अपना कस्टम परिसंपत्ति प्रबंधक प्रदर्शित करता...
अंक #2281
छवि संपादक खोलने के दौरान छवि फसल के लिए डिफ़ॉल्ट कस्टम अनुपात कैसे सेट करें
अरे @artf , इस तरह के एक उपयोगी ओपन सोर्स लाइब्रेरी बनाने के लिए धन्यवाद। @artf मैं ओपन इमेज एडिटर पर काम कर रहा हूं जबकि उपयोगकर्ता Select...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।