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

अंक #510✓ हल कियाखोला गया 12 नवम्बर 2017द्वारा asvine-p6 प्रतिक्रियाएं

प्रोग्रामेटिक रूप से नई कक्षा जोड़ें

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

@wemod123 editor.getWrapper().addClass('my-class')

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

प्रश्न

हैलो आर्टफ, मैं एक ही वर्ग के साथ सभी घटकों को संशोधित किए बिना घटकों (ज्यादातर आयातित एचटीएमएल) की शैलियों को संपादित करना चाहता हूं। मैंने इस तरह प्रोग्रामेटिक रूप से एक यादृच्छिक नामित वर्ग जोड़ने की कोशिश की: 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)

👍 सबसे उपयोगीartf• 2 जनवरी 2020

@wemod123 editor.getWrapper().addClass('my-class')

artf• 13 फ़रवरी 2019

https://github.com/artf/grapesjs/releases/tag/v0.14.52 से @IrinaCodixis हमने setRule/getRule विधियों को जोड़ा है, इसलिए प्रोग्रामेटिक रूप से कुछ सीएसएस नियम जोड़ने के लिए आपको यह करना चाहिए:

artf• 14 नवम्बर 2017

आपका मतलब model.set('style', {...}) जैसा कुछ है? यह घटक पर एक इनलाइन शैली जोड़ता है

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

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

अंक #2083

Model.get('toolbar') हमेशा शून्य लौटाता है

हाय @artf मैं डिफ़ॉल्ट टूलबार को बदले बिना अपने कस्टम घटक में एक कस्टम टूलबार जोड़ने की कोशिश कर रहा हूं। इसलिए मुझे उम्मीद है कि यह [जंगम,...

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

अंक #3098

बग: src=null के साथ वीडियो ब्लॉक कॉन्फ़िगर नहीं कर सकता

विवरणबग को वर्तमान डेमो पर पुन: प्रस्तुत किया गया हैक्या होता है ? मैंने अपने वीडियो ब्लॉक को src=null के साथ इस तरह कॉन्फ़िगर किया है: जब...

3 उत्तरअपडेट किया गया 9 नवम्बर 2020

अंक #687

Editor.on ('component:add', function(){} का उपयोग करके घटक विशेषताओं को अपडेट करने के बाद; ब्लू बॉक्स आइटम सही नहीं है।

editor.on ('component:add', function(){} का उपयोग करके घटक विशेषताओं को अपडेट करने के बाद; ब्लू बॉक्स आइटम (इसका मतलब एक्शन आइकन) सही नहीं...

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

अंक #938

GrapesJS के साथ हैंडलबार को कैसे एकीकृत करें?

नमस्ते मैं GrapeJS के साथ handlebars या अन्य टेम्पलेट इंजन को कैसे एकीकृत कर सकता हूं? मेरा मतलब है उदाहरण के लिए। उत्पाद विवरण के साथ गतिश...

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

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

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

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

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

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

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

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

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

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

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

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