अंक #494💬 उत्तर दियाखोला गया 8 नवम्बर 2017द्वारा z-vr0 प्रतिक्रियाएं

ब्लॉक को प्रोग्रामेटिक रूप से घटक के रूप में रखें

त्वरित उत्तरद्वारा z-vr

ओह, मुझे पता चला कि यह कैसे करना है - editor.addComponents({ type: 'MyComponent' }) के माध्यम से। क्या सीएसएस चयनकर्ता द्वारा इसे किसी विशिष्ट तत्व में सम्मिलित करने का कोई तरीका है? यह स्निपेट मिला, लेकिन मैं सही इंडेक्स कैसे ढूंढूंगा?

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

प्रश्न

मैंने एक कस्टम प्रकार और एक ब्लॉक बनाया है

DomComponents.addType('MyComponent', { ... });
BlockManager.add('Component', { content: { type: 'MyComponent' } });

क्या इसे नाम या किसी अन्य माध्यम से DomComponents में सम्मिलित करना संभव है? मैं हर बार ब्लॉक को मैन्युअल रूप से ड्रैग नहीं करना चाहता। धन्यवाद।

जवाब (3)

z-vr• 8 नवम्बर 2017

ठीक है तो मैंने जो किया है वह है और फिर मुझे लगता है कि मॉडल ट्री को पार करना एक बहुत अच्छी विशेषता होगी - मैं किसी बिंदु पर पीआर पर काम करूंगा। चीयर्स!

artf• 8 नवम्बर 2017

आप वास्तव में view.$el.data('model') के साथ नकद तत्व उदाहरण से मॉडल प्राप्त कर सकते हैं, इसलिए आप इसे कम कोड के साथ काम कर सकते हैं

wrapper.view.$el.find('#hero .text').each((el, i, $el) => 
    console.log($el.data('model'))
)

GitHub पर पूरी चर्चा देखें →

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

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

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

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

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

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

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

प्रीमियम विकल्प

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

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

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

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

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders AI Developer Tools

ब्लॉक को प्रोग्रामेटिक रूप से घटक के रूप में रखें

प्रश्न

जवाब (3)

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

कस्टम घटक से संपादक HTML सामग्री कैसे सेट करें?

विशिष्ट ब्लॉकों/घटकों के लिए ड्रॉप को अक्षम कैसे करें

कस्टम घटक को खींचने पर लक्षण पहली बार दिखाई देते हैं

कस्टम DomComponent और ब्लॉक सभी तत्वों को डुप्लिकेट करने दें

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

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

🚀 पेश है GrapesJS ईमेल ब्लॉकी: GrapesJS के लिए अंतिम ईमेल ब्लॉक लाइब्रेरी

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