घटकों का उपयोग करते समय मैं अपनी कक्षाएं सीएसएस फ़ाइल कैसे जोड़ूं?

Question

मेरे पास यह घटक है: editor.BlockManager.add('rodape', { लेबल: '3 कोलुनास', सामग्री: { टैगनाम: 'div', खींचने योग्य: सच, विशेषताएँ: { वर्ग: 'पंक्ति' }, शैली: { 'डिस्प्ले': 'फ्लेक्स', 'जस्टिफाई-कंटेंट': 'फ्लेक्स-स्टार्ट', 'संरेखित-आइटम': 'खिंचाव', 'फ्लेक्स-रैप': 'नोरैप', 'पैडिंग': '10px', }, सामग्री: 'लाला' } }); मैं क्लास ROW का उपयोग करना चाहता हूं लेकिन मैं इस क्लास को कहां परिभाषित करूं? जब मैं इस घटक ब्लॉक को कैनवास के अंदर खींचता हूं तो कक्षा का सीएसएस भी लोड नहीं होता है।

RJCAM · Accepted Answer

हाय, @Leozinho0 आप इसे इस तरह कर सकते हैं:

RJCAM · Answer

वास्तव में, मैं आपको जो कोड देता हूं वह काम करता है, यह देखने के लिए कि मेरा क्या मतलब है, इसे आजमाएं: कस्टम बनाए गए घटक को कैनवास में ड्रॉप करें, जैसा कि आपने कहा था कि यह सीएसएस ".row" शैली को लोड नहीं करेगाअब किसी भी कॉलम ब्लॉक को कैनवास के अंदर छोड़ दें, और अब आप देखते हैं कि ".row" css लोड हो गया है। ऐसा इसलिए है क्योंकि शैलियाँ ब्लॉक के अंदर ही होती हैं और वे केवल तभी प्रस्तुत की जाती हैं जब आप कॉलम ब्लॉक को कैनवास में छोड़ते हैं। आप इसे कंसोल में प्रिंट करने की जांच कर सकते हैं कि घटक के...

Leozinho0 · Answer

नमस्ते। उत्तर देने के लिए धन्यवाद। यह काम नहीं करता है।

यदि आप एक घटक (उदा.: 3 कॉलम) जोड़ते समय https://grapesjs.com/demo.html की जांच करते हैं और एचटीएमएल को निर्यात करने के लिए क्लिक करते हैं तो आप देखेंगे कि यह .row और .cell वर्गों को लोड करता है।

घटकों का उपयोग करते समय मैं अपनी कक्षाएं सीएसएस फ़ाइल कैसे जोड़ूं?

प्रश्न

जवाब (3)

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

इनलाइन शैली के बिना ब्लॉक सामग्री पर अद्वितीय आईडी

इनरएचटीएमएल में संपादन कैसे करें

बाहरी तत्व को अचयनित बनाएं

मूल तत्व के अंदर तत्व या ब्लॉक डालें

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

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