विशिष्ट सीएसएस नियम के लिए स्टाइल सेक्टर जोड़ें

Question

अरे @artf ,

क्या आप इस पर अपनी मदद दे सकते हैं? मैं रैपर ब्लॉक (बॉडी) का चयन करने में सक्षम होने के लिए उपयोगकर्ता को अक्षम करना चाहता हूं लेकिन मैं अभी भी उन्हें इसे स्टाइल करने देना चाहता हूं। इसलिए मैं एक कस्टम सेक्टर जोड़ने के बारे में सोच रहा था जो सभी ब्लॉकों के लिए प्रदर्शित किया जाएगा, लेकिन उस क्षेत्र में लागू शैलियों को विशेष रूप से सीएसएस नियम में लागू किया जाएगा।
क्या इसे प्राप्त करने का कोई तरीका है? मैं कोड खोदने में कुछ समय बिताता हूं लेकिन मुझे ऐसा करने का कोई तरीका नहीं पता चला

arthuralmeidap · Accepted Answer

मेरे दृष्टिकोण में कई कमियां हैं, लेकिन चूंकि इस ऐप पर हम स्टाइल मैनेजर के लिए चयनकर्ताओं का उपयोग नहीं कर रहे हैं, इसलिए देखें कि मैंने क्या किया; मैंने अपने नए क्षेत्र में एक कस्टम target संपत्ति जोड़ी। मैंने प्रत्येक सेक्टर के लिए change:open सुनना शुरू कर दिया और अगर सेक्टर में मेरा नया कस्टम प्रोप है तो मैं सीएसएस नियम सेट करता हूं जिसे मैं लक्ष्य के रूप में चाहता हूं editor.StyleManager.setTarget('.my-class', { targetIsClass: true }); अन्यथा मैं वर्तमान चयनित ब्लॉक को सेट करता हूं जैसे ed...

arthuralmeidap · Answer

बस एक उदाहरण:

उपयोगकर्ता ने एक टेक्स्ट ब्लॉक का चयन किया है। स्टाइल मैनेजर पैनल पर, आज के रूप में प्रदर्शित होगा। सीएसएस चयनकर्ताओं ने इसे स्टाइल करने के लिए सामान्य या सजावट जैसे अनुभागों को लागू किया और इसके अलावा कुछ वैश्विक अनुभाग होंगे जो एक विशिष्ट सीएसएस नियम के लिए स्टाइल लागू करते हैं

artf · Answer

हाँ, मुझे लगता है कि यह संभव है, आपको संपादक लोड पर मैन्युअल रूप से अपने इनपुट के साथ एक नया क्षेत्र जोड़ना चाहिए और इनपुट परिवर्तन पर रैपर शैली को अपडेट करना चाहिए editor.getWrapper().addStyle({ color: yourInputEl.value }) या यदि आपको कुछ विशिष्ट सीएसएस नियम की आवश्यकता है editor.CssComposer.setRule('.your-class', { color: '...' });

विशिष्ट सीएसएस नियम के लिए स्टाइल सेक्टर जोड़ें

प्रश्न

जवाब (3)

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

किसी घटक से विशेषताएँ निकालें

LAN नेटवर्क में अनुप्रयोग तक पहुँचने में असमर्थ

पूर्ववत करें बटन को अक्षम कैसे करें

सीएसएस मीडिया क्वेरी समस्या

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

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

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

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