प्रोग्रामेटिक रूप से नई कक्षा जोड़ें
प्रश्न
हैलो आर्टफ, मैं एक ही वर्ग के साथ सभी घटकों को संशोधित किए बिना घटकों (ज्यादातर आयातित एचटीएमएल) की शैलियों को संपादित करना चाहता हूं। मैंने इस तरह प्रोग्रामेटिक रूप से एक यादृच्छिक नामित वर्ग जोड़ने की कोशिश की: this.editor.on ('घटक: चयनित', फ़ंक्शन (मॉडल) { यदि (मॉडल और मॉडल.लंबाई > 2) { const uuid = this.s4(); // generate new random class name const selector = { नाम: यूयूआईडी, प्रकार: 'कक्षा', लेबल: यूयूआईडी, }; मॉडल [1].attributes.classes.push(selectorManager.get(uuid)); let mClasees = model[1].attributes.classes; const uuid = this.s4(); const selector = { नाम: यूयूआईडी, प्रकार: 'कक्षा',...
जवाब (3)
@wemod123 editor.getWrapper().addClass('my-class')
https://github.com/artf/grapesjs/releases/tag/v0.14.52 से @IrinaCodixis हमने setRule/getRule विधियों को जोड़ा है, इसलिए प्रोग्रामेटिक रूप से कुछ सीएसएस नियम जोड़ने के लिए आपको यह करना चाहिए:
आपका मतलब model.set('style', {...}) जैसा कुछ है? यह घटक पर एक इनलाइन शैली जोड़ता है
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #2083
Model.get('toolbar') हमेशा शून्य लौटाता है
हाय @artf मैं डिफ़ॉल्ट टूलबार को बदले बिना अपने कस्टम घटक में एक कस्टम टूलबार जोड़ने की कोशिश कर रहा हूं। इसलिए मुझे उम्मीद है कि यह [जंगम,...
अंक #3098
बग: src=null के साथ वीडियो ब्लॉक कॉन्फ़िगर नहीं कर सकता
विवरणबग को वर्तमान डेमो पर पुन: प्रस्तुत किया गया हैक्या होता है ? मैंने अपने वीडियो ब्लॉक को src=null के साथ इस तरह कॉन्फ़िगर किया है: जब...
अंक #687
Editor.on ('component:add', function(){} का उपयोग करके घटक विशेषताओं को अपडेट करने के बाद; ब्लू बॉक्स आइटम सही नहीं है।
editor.on ('component:add', function(){} का उपयोग करके घटक विशेषताओं को अपडेट करने के बाद; ब्लू बॉक्स आइटम (इसका मतलब एक्शन आइकन) सही नहीं...
अंक #938
GrapesJS के साथ हैंडलबार को कैसे एकीकृत करें?
नमस्ते मैं GrapeJS के साथ handlebars या अन्य टेम्पलेट इंजन को कैसे एकीकृत कर सकता हूं? मेरा मतलब है उदाहरण के लिए। उत्पाद विवरण के साथ गतिश...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।