श्रेणी के अनुसार ब्राउज़ करें
GrapesJS Web pages
GrapesJS वेब पेज प्लगइन्स ईमेल के बजाय एक पेज बनाने में जाने वाली हर चीज को कवर करते हैं: पूर्ण-पृष्ठ टेम्पलेट्स, बहु-अनुभाग लेआउट, और लैंडिंग पृष्ठों, पोर्टफोलियो और मार्केटिंग साइटों के लिए स्टार्टर। एक टेम्पलेट पैक स्थापित करें और आपके उपयोगकर्ता संपादक को एक तैयार पृष्ठ पर खोलते हैं जिसे वे एक खाली कैनवास के बजाय फिर से काम कर सकते हैं। मुफ्त सामुदायिक पैक और प्रीमियम पुस्तकालयों को ब्राउज़ करें, प्रत्येक एक लाइव पूर्वावलोकन और संस्करण संगतता विवरण के साथ।
लगभग GrapesJS Web pages
GrapesJS में एक वेब पेज कैनवास पर घटकों का एक पेड़ है, और इस श्रेणी में प्लगइन्स उस पेड़ को तैयार करने की आपूर्ति करते हैं। वे दो समूहों में आते हैं। पेज टेम्प्लेट एक पूर्ण, समाप्त पृष्ठ प्रदान करते हैं - hero के साथ एक लैंडिंग पृष्ठ, सुविधाएँ, प्रशंसापत्र और कार्रवाई के लिए एक कॉल, एक छवि ग्रिड और जीवनी के साथ एक पोर्टफोलियो, या चिपचिपा नेविगेशन के साथ एक लंबा-फ़ॉर्म मार्केटिंग पेज - जिसे आपके उपयोगकर्ता भागों से इकट्ठा करने के बजाय खोलते हैं और फिर से काम करते हैं। अनुभाग पुस्तकालय इसके बजाय भागों को वितरित करते हैं, इसलिए किसी भी क्रम में पूर्व-निर्मित अनुभागों को ढेर करके एक पृष्ठ बनाया जाता है; वे ब्लॉक पुस्तकालयों के साथ ओवरलैप होते हैं लेकिन पृष्ठ-अनुभाग पैमाने पर काटे जाते हैं। दोनों एक प्रीसेट से भिन्न होते हैं, जो संपादक को स्वयं कॉन्फ़िगर करता है, और एक साइट बिल्डर से, जो एक साथ कई पृष्ठों का प्रबंधन करता है। स्थापित करने से पहले तीन व्यावहारिक जांच। पुष्टि करें कि पैक का CSS फ्रेमवर्क कैनवास iframe के अंदर लोड किया गया है, क्योंकि कैनवास आपके एप्लिकेशन की स्टाइलशीट को इनहेरिट नहीं करता है। सत्यापित करें कि टेम्पलेट केवल डेस्कटॉप के बजाय प्रति ब्रेकपॉइंट शैलियों को परिभाषित करता है। और पहले से तय करें कि क्या आप टेम्पलेट्स को प्रोजेक्ट JSON के रूप में संग्रहीत करेंगे, जो संपादन योग्य रहता है, या निर्यात HTML के रूप में, जो नहीं करता है।
GrapesJS Web pages — FAQ
- पृष्ठ टेम्पलेट और प्रीसेट के बीच क्या अंतर है?
- एक प्रीसेट संपादक को कॉन्फ़िगर करता है - पैनल, ब्लॉक, स्टाइल सेक्टर - और कैनवास को खाली छोड़ देता है। एक पृष्ठ टेम्पलेट कुछ भी कॉन्फ़िगर नहीं करता है और कैनवास को एक तैयार पृष्ठ से भर देता है। आप सामान्य रूप से दोनों का उपयोग करते हैं: संपादक को एक बार सेट करने के लिए एक प्रीसेट, और उपयोगकर्ताओं को प्रत्येक नए पृष्ठ के लिए एक प्रारंभिक बिंदु देने के लिए टेम्पलेट।
- मैं किसी पृष्ठ टेम्पलेट को GrapesJS में कैसे लोड करूं?
- एक तैयार पृष्ठ के लिए, editor.setComponents और editor.setStyle कैनवास सामग्री को टेम्पलेट के मार्कअप और CSS से बदल देते हैं। यदि टेम्पलेट प्रोजेक्ट JSON के रूप में शिप करता है, तो editor.loadProjectData इसे घटक मॉडल के साथ पुनर्स्थापित करता है, जो बेहतर मार्ग है क्योंकि सब कुछ ठीक से संपादन योग्य रहता है।
- क्या GrapesJS एक बहु-पृष्ठ वेबसाइट को संभाल सकता है?
- हाँ — पेज API एक प्रोजेक्ट में कई पृष्ठों का प्रबंधन करता है और editor.Pages.select उनके बीच स्विच करता है। यहां प्लगइन्स पृष्ठ-स्कोप वाले हैं, इसलिए वे एक समय में एक पृष्ठ भरते हैं। यदि आपको उत्पाद सुविधा के रूप में पृष्ठ सूची, रूटिंग और प्रकाशन की आवश्यकता है, तो इसके बजाय साइट बिल्डर श्रेणी देखें।
- क्या GrapesJS पृष्ठ टेम्पलेट उत्तरदायी हैं?
- अच्छे हैं, लेकिन यह स्वचालित नहीं है। GrapesJS वास्तविक मीडिया क्वेरी लिखता है जब शैलियों को चयनित डिवाइस के साथ सेट किया जाता है, इसलिए केवल डेस्कटॉप पर बनाया गया टेम्पलेट कोई मोबाइल नियम नहीं रखता है। स्थापित करने से पहले प्रत्येक ब्रेकपॉइंट पर लिस्टिंग के पूर्वावलोकन की जांच करें, और पैक की पुष्टि करें कि इसे किन उपकरणों के खिलाफ डिज़ाइन किया गया था।
- संपादक के अंदर टेम्पलेट अनस्टाइल क्यों दिखता है?
- क्योंकि कैनवास एक iframe है और आपके एप्लिकेशन की स्टाइलशीट को इनहेरिट नहीं करता है। Tailwind या Bootstrap के लिए बनाया गया एक टेम्पलेट सादे HTML के रूप में प्रस्तुत होता है जब तक कि आप संपादक के कैनवास शैलियों के विकल्प के माध्यम से उस ढांचे को कैनवास में लोड नहीं करते हैं। यह सबसे आम कारण है कि एक ताजा स्थापित पैक टूटा हुआ दिखता है।
टैग द्वारा ब्राउज़ करें