शैलियाँ सभी कक्षाओं पर लागू होती हैं

Question

नमस्कार मुझे अलग-अलग वस्तुओं को स्टाइल करने में समस्या है। निम्न html कोड: ठीक लोड होता है। लेकिन जब मैं "#icbp" के साथ घटक पर क्लिक करता हूं तो वर्ग .ddm-flex-cols-element को शैली अधिकतम-चौड़ाई मिलेगी। ऑब्जेक्ट को रेंडर करते समय this.el.style को सेट करना भी CSS (केवल Id) में एकीकृत है, डॉक्स बताते हैं कि this.el में परिवर्तन घटकों में सहेजे नहीं जाएंगे। डेमो के साथ प्रजनन मेरे लिए संभव नहीं है क्योंकि यह केवल कुछ लोड किए गए कैनवास शैलियों के साथ हो रहा है। मैं संस्करण 0.14.57 का उपयोग कर रहा ह...

artf · Accepted Answer

क्या आप कृपया इसे अपने विकल्पों में जोड़ने का प्रयास कर सकते हैं avoidInlineStyle: true और मुझे बता सकते हैं

3dmedium · Answer

हाय @artf , हां, मैंने यह कोशिश की, फिर भी कोई भाग्य नहीं आया। मेरे पास इस मुद्दे को कोडसैंडबॉक्स में कम करने का समय था: [https://codesandbox.io/embed/jnplq7op55] (https://codesandbox.io/embed/jnplq7op55) संरक्षितसीएसएस सामग्री की स्थिति विविध हो सकती है, इसे शैली में या फ़ाइल में डाल सकती है और इसे cvanvas.style द्वारा लोड किया जा सकता है, व्यवहार समान रहता है। घटक जोड़ने से पहले निष्क्रियता चयनकर्ताओं द्वारा समस्या दूर हो गई है: #1979 से (दोनों संस्करण काम करते हैं) मेरे लिए यह एक विलेपन है ल...

artf · Answer

ठीक है, समस्या यहाँ होती है: https://github.com/artf/grapesjs/blob/e97afb429b4cada591e119025fcf34490cb0de8c/src/style_manager/index.js#L284-L285 यदि घटक पर पाए जाने वाले चयनकर्ता के साथ कोई सीएसएस नियम नहीं है (हमारे मामले में ddm-flex-cols-element) तो नियम बनाया जाता है और इसकी सभी शैलियों को नियम में स्थानांतरित कर दिया जाता है। मुझे लगता है कि मैंने इसे अनुकूलन कारण के लिए बनाया है लेकिन अब मुझे पूरा यकीन नहीं है कि यह सही दृष्टिकोण है ...

शैलियाँ सभी कक्षाओं पर लागू होती हैं

प्रश्न

जवाब (3)

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

फ्लेक्स का उपयोग करते समय छवि का आकार बदलने पर Div स्वचालित रूप से आकार नहीं बदल रहा है

पैनल को बाईं ओर ले जाएं

$ ('.gjs-trt-traits') शून्य है (शैली के तहत 'सेटिंग्स' क्षेत्र रखने की कोशिश कर रहा है)

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

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

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

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