StyleManager से बदली हुई संपत्ति कैसे प्राप्त करें
@AbdiasM मुझे लगता है कि यह थोड़े रीढ़ की हड्डी से संबंधित सामान है और मेरी जानकारी के लिए वर्तमान में संभव नहीं है। यह ऐसा ही होना चाहिए: चीयर्स!
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
नमस्ते
क्या यह पता लगाने का कोई तरीका है कि स्टाइलमैनेजर में कौन सी संपत्ति बदल दी गई थी? उदाहरण के लिए। अगर मैं एक टेक्स्ट घटक का चयन करता हूं और स्टाइलमैनेजर से इसकी पृष्ठभूमि-रंग संपत्ति बदलता हूं, तो क्या कोई ईवेंट है जहां मुझे वह संपत्ति मिल सकती है जिसे बदल दिया गया था।
मैंने 'component:styleUpdate' ईवेंट की कोशिश की है, लेकिन यह घटक के मॉडल को तर्क के रूप में पास करता है, संपत्ति के रूप में नहीं।
किसी भी मदद की सराहना की जाती है।
जवाब (3)
@AbdiasM मुझे लगता है कि यह थोड़े रीढ़ की हड्डी से संबंधित सामान है और मेरी जानकारी के लिए वर्तमान में संभव नहीं है। यह ऐसा ही होना चाहिए:
editor.on('component:styleUpdate', component => {
console.log(Object.keys(component.changedAttributes()))
})
चीयर्स!
वास्तव में, आपको कॉलबैक के दूसरे तर्क के रूप में बदली हुई संपत्ति मिलती है
editor.on('component:styleUpdate', (component, propChanged) => {
...
})
नमस्ते @AbdiasM component:styleUpdate या component:styleUpdate:{propertyName} के आधार पर आप नीचे दी गई संपत्ति प्राप्त कर सकते हैं: चीयर्स!
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #4897
घटक:styleUpdate/component:styleUpdate:propertyName निकाल नहीं दिया गया
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? एज 109.0.1518.70...
अंक #1708
StyleManager ईवेंट प्रति परिवर्तन कई बार सक्रिय होता है
पुन: पेश करने के लिए: GrapesJS की एक नई स्थापना पर, डेमो पृष्ठ के भीतर (index.html के भीतर), इस तरह एक ईवेंट श्रोता जोड़ें: 'editor.on('com...
अंक #1904
प्रॉपर्टी फ्लोट में बदलाव पाएं
मैं 'फ्लोट' संपत्ति में बदलाव को सुनने की कोशिश कर रहा हूं, चाहे इसे किसी ईवेंट का उपयोग करके स्टाइल मैनेजर में 'बाएं' या 'दाएं' या 'कोई नह...
अंक #3404
स्टाइल मैनेजर समस्या।
हाय @artf मैं विशिष्ट घटक के लिए शैली गुणों को छिपाना और दिखाना चाहता हूं। इस मुद्दे को संदर्भित करने के बाद https://github.com/artf/grapes...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ट्यूटोरियल
GrapesJS को Vue 3 ऐप में एकीकृत करना - 2026 के लिए संपूर्ण गाइड
GrapesJS और वाइट के साथ Vue 3 लैंडिंग पेज बिल्डर बनाएं। कस्टम ब्लॉक, कंपोजेबल, रिमोट स्टोरेज, TypeScript और प्रोडक्शन टिप्स। 2026 के लिए अपडेट किया गया।
ट्यूटोरियल
GrapesJS को @grapesjs/react रैपर के साथ एक Next.js ऐप में एकीकृत करना
आधुनिक ऐप विकास के लिए आधिकारिक @grapesjs/react पैकेज का उपयोग करके GrapesJS React, TypeScript और Next.js के साथ सहजता से एकीकृत करें।
ट्यूटोरियल
GrapesJS 2026 में: ओपन-सोर्स वेब बिल्डर फ्रेमवर्क के लिए पूरी गाइड
2026 में मास्टर GrapesJS । आर्किटेक्चर, कोड उदाहरण, React एकीकरण, प्लगइन विकास, स्टूडियो एसडीके, और यह अन्य परियोजनाओं की तुलना कैसे करता है
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।