किसी मौजूदा वर्ग के साथ किसी घटक पर CSS गुणों को बदलना एक नया जोड़ने के बजाय उस वर्ग को संशोधित करता है
मैं सोच रहा था कि व्यवहार कुछ इस तरह हो सकता है: डिफ़ॉल्ट (वर्तमान सेटअप): यदि तत्व में कोई वर्ग नहीं है, तो सीआईडी के आधार पर अद्वितीय वर्ग बनाएं और शैलियों को लागू करेंयदि तत्व में कक्षाएं हैं, तो उन वर्गों के संघ पर शैलियों को लागू करें (या UI में जो भी वर्ग चुने गए हैं) टॉगल किया गया व्यवहारपरीक्षण करें कि यदि तत्...
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
आप इसे डेमो (http://grapesjs.com/demo.html) पर कार्रवाई में देख सकते हैं। नेविगेशन आइटम में से एक का चयन करें (उदाहरण के लिए 'वेब') - ध्यान दें कि इसमें menu-item का एक मौजूदा वर्ग है। यदि आप अब कुछ गुणों को बदलते हैं, जैसे कि पाठ संरेखण, तो यह उन परिवर्तनों को मेनू-आइटम वर्ग में लागू करता है, जो अन्य उदाहरणों ('टेम्पलेट', 'बिल्डर') को प्रभावित करता है। क्या GrapesJS को एक नया 'अद्वितीय' वर्ग लागू करने और वहां परिवर्तनों को लागू करने के लिए मजबूर करना संभव है - ठीक उसी तरह जैसे यदि आप किसी मौजूदा वर्ग के साथ किसी घटक में परिवर्तन करते हैं (उदाहरण के लिए c1234 )? अंततः मैं चाहता हूं कि कोई भी...
जवाब (3)
मैं सोच रहा था कि व्यवहार कुछ इस तरह हो सकता है: डिफ़ॉल्ट (वर्तमान सेटअप): यदि तत्व में कोई वर्ग नहीं है, तो सीआईडी के आधार पर अद्वितीय वर्ग बनाएं और शैलियों को लागू करेंयदि तत्व में कक्षाएं हैं, तो उन वर्गों के संघ पर शैलियों को लागू करें (या UI में जो भी वर्ग चुने गए हैं) टॉगल किया गया व्यवहारपरी...
हाय @thecodefish आप इस दृष्टिकोण के बारे में क्या सोचते हैं? https://codepen.io/artf/pen/jaaKvq आप वहां देखेंगे कि चयनकर्ताओं को निजी कैसे बनाया जाए (उपयोगकर्ता द्वारा स्टाइल करने योग्य नहीं) और नए avoidInlineStyle विकल्प का उपयोग जो आपको जिम्मेदारी और राज्यों के उपयोग को खोए बिना घटकों (वर्ग चयनकर...
मैं कहूंगा कि आपके पास 2 विकल्प हैं:
- बस वर्ग का चयन रद्द करें, इस मामले में, स्टाइल मैनेजर का दायरा घटक में बदल जाएगा, नियम में नहीं
- घटक में एक नया वर्ग जोड़ें, नियम
.menu-itemबजाय आपको.menu-item.your-new-classमिलेगा
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #3727
स्टाइल इम्पोर्ट पर समस्या
हाय @artf, बग का विस्तृत वर्णन करें GrapesJS का उपयोग करके एक नया टेम्पलेट बनाते समय, मुझे एक परिदृश्य मिला कि, जब हम आयात मोडल से सीएसएस आ...
अंक #4341
Html घटक css json के लिए बॉर्डर स्टाइल जोड़ते समय केवल बॉर्डर चयनकर्ता के लिए प्राप्त नहीं कर रहा है बॉर्डर-चौड़ाई, बॉर्डर-स्टाइल, बॉर्डर-कलरबग:
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोम V101.0.4951...
अंक #3663
डिवाइस को घुमाते समय डिफ़ॉल्ट स्टाइलिंग गुणों को फिर से नहीं चुना जा रहा है
नमस्ते डिवाइस स्विच करते समय डिफ़ॉल्ट स्टाइलिंग गुणों का चयन नहीं किया जा रहा है। प्रजनन के चरण: खोलें [http://grapesjs.com/demo.html] किसी...
अंक #3866
एसवीजी किसी भी HTML तत्व के अंदर रेंडरिंग नहीं कर रहा है
GrapesJS संस्करण[X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? संस्करण 94.0.4606....
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।