Editor.getSelected() मुझे अपरिभाषित दे रहा है।
आप पहले जांच सकते हैं कि component.getTrait('href') कुछ मिलता है या नहीं:
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
हाय @artf मैं विशिष्ट लिंक विशेषता के लिए गतिशील पृष्ठों को जोड़ना चाहता हूं।
यहाँ मैं क्या उपयोग कर रहा हूँ.
const component = editor.getSelected(); component.getTrait('link').set('options', [ { मान: 'opt1', नाम: 'नया विकल्प 1'}, { मान: 'opt2', नाम: 'नया विकल्प 2'}, ]);
यह कंपोनेंट कंसोल में अपरिभाषित है क्योंकि डिफ़ॉल्ट रूप से कोई भी तत्व नहीं चुना जाता है
क्या आप कृपया इस पर मेरा मार्गदर्शन कर सकते हैं। जब भी मैं लिंक पर क्लिक करता हूं तो मैं उस पृष्ठों को लिंक विशेषता की सूची में जोड़ना चाहता हूं
जवाब (3)
आप पहले जांच सकते हैं कि component.getTrait('href') कुछ मिलता है या नहीं:
editor.on('component:selected', component => {
component.getTrait('href') && component.getTrait('href').set('options', data.list);
});
आपका बहुत-बहुत धन्यवाद @Ju99ernaut अब, यह पूरी तरह से काम कर रहा है। वास्तव में आपकी मदद की सराहना करते हैं। इस मुद्दे को बंद करना।
आप इसे प्रत्येक घटक प्रकार में निम्न का उपयोग करके जोड़ सकते हैं:
const components = editor.Components.getTypes();
components.forEach(component => {
//manipulate traits here...
});
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #3247
प्रश्न : लक्षण
हाय @artf - आपने जो बनाया है वह शानदार है। यह एक सौम्य संघर्ष रहा है क्योंकि मैं जेएस जादूगर होने से बहुत दूर हूं। हालाँकि, मुझे लगभग सब कु...
अंक #3329
मुझे स्क्रिप्ट में कस्टम विशेषता संशोधन कैसे प्राप्त करना चाहिए?
नमस्ते, @artf, यह एक महान ढांचा है, बहुत बहुत धन्यवाद। मैं अब इसका उपयोग मोबाइल बीयूआई ढांचे के घटकों को बनाने के लिए कर रहा हूं, और मुझे ए...
अंक #3404
स्टाइल मैनेजर समस्या।
हाय @artf मैं विशिष्ट घटक के लिए शैली गुणों को छिपाना और दिखाना चाहता हूं। इस मुद्दे को संदर्भित करने के बाद https://github.com/artf/grapes...
अंक #3409
कस्टम घटक संपत्ति जो एक विशेषता नहीं है
मैं एक संपत्ति के साथ एक कस्टम घटक बनाना चाहता हूं जिसे विशिष्ट कोड द्वारा अपडेट किया जाएगा, लेकिन मैं नहीं चाहता कि यह संपत्ति एक विशेषता...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ट्यूटोरियल
वेनिला GrapesJS बनाम GrapesJS प्लगइन्स के साथ: आप वास्तव में बॉक्स से बाहर क्या प्राप्त करते हैं (2026)
GrapesJS के लिए नए हैं? देखें कि स्टॉक एडिटर आपको क्या देता है, यह कहां कम पड़ता है, और कौन से प्लगइन्स अंतराल को बंद करते हैं - एक शुरुआती-अनुकूल 2026 तुलना
ट्यूटोरियल
GrapesJS DevTools: आपके संपादक के अंदर एक डेवलपर पैनल
यदि आपने कभी console.log(editor.getSelected()) और एक दर्जन फेंकने वाले ईवेंट श्रोताओं के साथ GrapesJS डीबग किया है - तो यह पोस्ट आपके लिए है।
ट्यूटोरियल
GrapesJS सीएलआई का उपयोग करके स्क्रैच से GrapesJS प्लगइन कैसे बनाएं
सीएलआई के साथ एक GrapesJS प्लगइन बनाने पर चरण-दर-चरण ट्यूटोरियल। इस संपूर्ण गाइड के साथ आसानी से प्लगइन्स को मचान, विकसित करें, परीक्षण करें और प्रकाशित करें
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।