GrapesJS Shadcn

grapesjs-shadcn React, @ grapesjs/react, और shadcn/ui के साथ बनाया  गया एक आधुनिक GrapesJS प्रीसेट है, जिसे आपको बॉक्स से बाहर एक साफ, कंपोजेबल और डेवलपर के अनुकूल संपादन अनुभव देने के लिए डिज़ाइन किया गया है।

यह एक पॉलिश यूआई, समझदार डिफ़ॉल्ट और उन्नत पृष्ठ, ईमेल और दस्तावेज़ बिल्डर वर्कफ़्लो के लिए एक्स्टेंसिबिलिटी पर केंद्रित है।

प्रीसेट पूरी तरह से वायर्ड GrapesJS एडिटर और shadcn/ui और Tailwind CSS के साथ निर्मित एक परिष्कृत UI परत के साथ जहाज करता है।

• ब्लॉक प्रबंधक

  • सुंदर, आधुनिक ब्लॉक पैनल
  • तेजी से ब्लॉक खोज के लिए अंतर्निहित खोज 
  • स्वच्छ समूहीकरण और स्केलेबल लेआउट

• परतें प्रबंधक

  • पूर्ण विशेषताओं वाला परत प्रबंधक
  • दृश्य पदानुक्रम साफ़ करें
  • सहज चयन और पुन: व्यवस्थित करने का अनुभव

• पेज प्रबंधक

  • पृष्ठ बनाएँ, नाम बदलें और डुप्लिकेट करें
  • बहु-पृष्ठ वर्कफ़्लो के लिए डिज़ाइन किया गया

• थीम प्रबंधक

  • कॉन्फ़िगर करने योग्य थीम प्रबंधक

• परिसंपत्ति प्रबंधक

  • ड्रैग एंड ड्रॉप अपलोड के साथ एसेट्स मॉडल
  • स्वच्छ पूर्वावलोकन और सहज प्रबंधन
  • कैनवास पर ड्रैग और ड्रॉप के साथ एसेट पैनल

• डिवाइस मैनेजर

  • सभी डिवाइसेस (डेस्कटॉप, टैबलेट, मोबाइल) में सामग्री का पूर्वावलोकन करें

• टॉपबार कमांड

  • सामान्य संपादक आदेश एक साफ शीर्ष पट्टी के माध्यम से उजागर
  • पूर्ववत करें/फिर से करें, पूर्वावलोकन, कैनवास क्रियाएं, और बहुत कुछ

• चयनकर्ता प्रबंधक

  • राज्य का चयन करने और कक्षाओं को जोड़ने के लिए सीएसएस चयनकर्ता प्रबंधन

• विशेषता प्रबंधक

  • घटक विशेषताओं और व्यवहारों को संपादित करें

• स्टाइल मैनेजर

  • सहज शैली नियंत्रण

• प्रतीक

  • पुन: प्रयोज्य घटक जो स्थिति और स्टाइल साझा करते हैं

• कैनवास स्पॉट

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

• डिफ़ॉल्ट रिच टेक्स्ट एडिटर (RTE)
• उन्नत पाठ संपादन के लिए डिफ़ॉल्ट को बदलने के लिए रिच टेक्स्ट एडिटर
• react का  उपयोग करके कस्टम यूआई के साथ गद्यदर्पण पर निर्मित

• डेटा स्रोत 
• डेटा स्कीमा बनाना
• डेटा आयात और प्रबंधित करना
• गतिशील चर 
• रनटाइम सशर्त तर्क एकीकरण 
• रनटाइम संग्रह
  

• Tailwind सीएसएस पर  निर्मित
• रिक्ति, रंग, टाइपोग्राफी और लेआउट को आसानी से अनुकूलित करें
• न्यूनतम प्रयास के साथ मौजूदा डिजाइन सिस्टम से मेल खाता है
• डार्क और लाइट मोड