GrapesJS Layers

GrapesJS Layers — FAQ

GrapesJS लेयर्स पैनल क्या है?

यह कैनवास पर प्रत्येक घटक का वृक्ष दृश्य है, जो प्रदान किए गए DOM के बजाय घटक मॉडल को प्रतिबिंबित करता है। उपयोगकर्ता इसमें से तत्वों का चयन करें, नाम बदलें, पुनः व्यवस्थित करें और दिखाएं या छिपाएं। गहरे नेस्टेड पृष्ठों पर यह अक्सर एक घटक तक पहुंचने का एकमात्र व्यावहारिक तरीका होता है जो दूसरे के पीछे या अंदर होता है।

मैं GrapesJS में एक परत का नाम कैसे बदलूं?

पैनल में परत के नाम पर डबल-क्लिक करें और टाइप करें। मान घटक पर एक कस्टम नाम के रूप में संग्रहीत किया जाता है और केवल संपादक को प्रभावित करता है - आपका निर्यात किया गया HTML अपरिवर्तित है। आप इसे component.set('custom-name', 'Hero') के साथ कोड में भी सेट कर सकते हैं, जो कि ब्लॉक लाइब्रेरी अपने अनुभागों को पठनीय लेबल देने के लिए करती हैं।

क्या मैं लेयर्स पैनल से घटकों को छिपा या लॉक कर सकता हूं?

छिपाना अंतर्निहित है - आई टॉगल घटक की शैली को प्रदर्शित करने के लिए सेट करता है: कोई नहीं, इसलिए यह निर्यात को भी प्रभावित करता है। लॉकिंग डिफ़ॉल्ट पैनल का हिस्सा नहीं है; इस श्रेणी में प्लगइन्स एक लॉक नियंत्रण जोड़ते हैं जो तैयार अनुभागों को कैनवास पर अचयनित बनाता है, जो गलती से हेडर को अलग करने वाले उपयोगकर्ताओं के लिए सामान्य फिक्स है।

लेयर्स पैनल में कोई घटक क्यों नहीं दिखाई देता है?

अक्सर क्योंकि इसका प्रकार परतदार को गलत पर सेट करता है, जिससे रैपर और सहायक तत्व पेड़ से बाहर रहते हैं। Textnode बच्चे भी डिजाइन द्वारा छिपे हुए हैं। यदि आपका अपना कोई घटक गायब है, तो इसके घटक प्रकार की परिभाषा पर स्तरीय, selectable और होवर करने योग्य झंडे की जांच करें।

क्या परतें पैनल घटकों को खोज या फ़िल्टर कर सकते हैं?

डिफ़ॉल्ट रूप से नहीं - अंतर्निहित पैनल में कोई खोज क्षेत्र नहीं है। इस श्रेणी में प्लगइन्स घटक नाम या CSS चयनकर्ता, बंधनेवाला समूह हेडर और रंग-कोडित प्रकार संकेतक द्वारा खोज जोड़ते हैं, जो कि एक पृष्ठ के सैकड़ों नोड्स तक चलने के बाद पैनल को काम करने योग्य बनाता है। वे मूल घटक मॉडल पर निर्माण करते हैं, इसलिए आपके मौजूदा ब्लॉकों में कोई बदलाव की आवश्यकता नहीं है।