FormBuilder नि: शुल्क फॉर्म बिल्डर
कस्टम नियंत्रण के साथ कॉन्फ़िगर करने योग्य फॉर्म टेम्प्लेट बनाएं
मल्टीलिंगुअल सपोर्ट, कई कॉन्फ़िगरेशन विकल्प और कई एक्शन मेथड्स सहित विकल्पों के समृद्ध स्टैक के साथ फॉर्म बनाने के लिए फ़ीचर को ड्रैग और ड्रॉप करें।
अवलोकन
वेब फॉर्म बिल्डरों की दुनिया में, फॉर्मबिल्डर को सबसे अच्छा उपयोगकर्ता अनुभव प्रदान करने के लिए JQuery में विकसित किया गया है। कई ओपन सोर्स फॉर्म बिल्डर सॉफ़्टवेयर उपलब्ध हैं, लेकिन फॉर्मबिल्डर विकास और उपयोग दोनों के बारे में उपलब्ध व्यापक प्रलेखन के कारण बाहर खड़ा है। फॉर्मबिल्डर और फॉर्मरेंडर की एक जोड़ी है जो दो अलग -अलग प्लगइन्स हैं जो विभिन्न प्रकार के रूपों के निर्माण के लिए एक ड्रैग और ड्रॉप इंटरफ़ेस प्रदान करने के लिए एक साथ काम करते हैं। FormBuilder फॉर्म तत्वों का प्रबंधन करता है, जबकि FormRender उत्पन्न रूपों के परिणामों को प्रस्तुत करता है। जहां तक फॉर्मबिल्डर प्रोजेक्ट की एक्सटेंडेबिलिटी का संबंध है, यह अत्यधिक विस्तार योग्य है जहां उपयोगकर्ता व्यवसाय उपयोग के मामलों को पूरा करने के लिए कस्टम प्लगइन्स बना सकते हैं। कस्टम प्लगइन्स लिखने के बारे में प्रलेखन में एक पूर्ण मार्गदर्शिका उपलब्ध है। FormBuilder Ecmascript 6 (ES6) में लिखा गया है; इसलिए, नए प्लगइन्स का विकास जावास्क्रिप्ट के ES6 मानक का उपयोग करके होता है। FormBuilder भी AngularJS और ReactJS जैसे लोकप्रिय जावास्क्रिप्ट फ्रेमवर्क के लिए अंतर्निहित I18N एकीकरण के साथ समर्थन प्रदान करता है। सबसे अच्छा विकल्प जो आपको मिलेगा वह बहु-पृष्ठ रूप है जहां आप ड्रैग और ड्रॉप यूजर इंटरफेस के भीतर नए टैब बनाकर एक ही समय में कई रूपों का निर्माण कर सकते हैं।
विशेषताएँ
निम्नलिखित फॉर्मबिल्डर की प्रमुख विशेषताएं हैं
- बहु-पृष्ठ रूप
- ड्रैग एंड ड्रॉप यूआई
- बहु-भाषा समर्थन
- विस्तार करने के लिए आसान
- ES6 में लिखा गया
- कस्टम प्लगइन्स समर्थन
- लोकप्रिय जावास्क्रिप्ट फ्रंट एंड फ्रेमवर्क के लिए समर्थन
- i18n एकीकृत
- लचीला
- बाहरी JS/CSS फ़ाइलों को लोड करने की क्षमता
स्थापना निर्देश
स्थानीय स्तर पर फॉर्मबिल्डर सेट-अप करने के लिए पहला कदम रेपो को क्लोन करना है:
git clone https://github.com/kevinchappell/formBuilder
एक बार जब आप रेपो को क्लोन कर लेते हैं तो निम्नलिखित कमांड चलाएं:
cd form-builder
npm install
ऐप शुरू करने के लिए निम्न कमांड चलाएं:
npm start