Django में टेक्स्ट एडिटर फ़ील्ड कैसे जोड़ें?

कई ऑनलाइन परीक्षा देने वाली वेबसाइटें टेक्स्ट एंट्री के लिए टेक्स्ट एडिटर्स का उपयोग करती हैं। छवि अपलोड करना, आदि। क्विल टेक्स्ट एडिटर बहुत लोकप्रिय है और यह डेटाबेस में सीधे स्टोर करने के लिए एक मॉडल फ़ील्ड भी प्रदान करता है। इसलिए, आपको इसके डेटा को डेटाबेस में सहेजने के लिए कुछ भी अतिरिक्त कॉन्फ़िगर करने की आवश्यकता नहीं है।

इस लेख में, हम देखेंगे कि Django में टेक्स्ट एडिटर फ़ील्ड कैसे बनाया जाता है।

सबसे पहले, एक Django प्रोजेक्ट और एक ऐप बनाएं। कुछ बुनियादी सेटिंग करें जैसे urls . शामिल करना ऐप का। एक मीडिया बनाएं प्रोजेक्ट और ऐप के समान स्तर पर फ़ोल्डर।

settings.py . में , जोड़ें -

INSTALLED_APPS =['myapp.apps.MyappConfig', #django ऐप' django_quill' #module name]......MEDIA_ROOT =os.path.join(BASE_DIR, 'media')MEDIA_URL ='/media/ '

django_quill स्थापित करें पैकेज -

पिप इंस्टाल django_quill

उदाहरण

n ऐप का urls.py , निम्नलिखित जोड़ें -

django.urls से pathfrom आयात करें। आयात दृश्य urlpatterns =[ पथ ('', विचार.होम, नाम ="होम"),]urlpatterns +=स्थिर (सेटिंग्स.MEDIA_URL, document_root=settings.MEDIA_ROOT)

यहां हम केवल url और मीडिया फ़ोल्डर url पर अपना मुख्य दृश्य सेट करते हैं।

अब, एक टेम्पलेट बनाएं ऐप की निर्देशिका में फ़ोल्डर बनाएं और home.html . बनाएं इसमें फ़ाइल। home.html . में निम्न पंक्तियां जोड़ें -

  {{ form.media }} {% include 'django_quill/media.html' %}    
 <किंवदंती> फ़ॉर्म शीर्षक {% csrf_token%} {{फॉर्म}} <बटन प्रकार ="सबमिट करें" वर्ग ="बीटीएन बीटीएनप्राथमिक"> सबमिट करें  

यहां हमने अपना फॉर्म प्रस्तुत किया है जिसे हम अपने बैकएंड से भेजते हैं।

views.py . में , निम्नलिखित पंक्तियाँ जोड़ें -

django.shortcuts से django आयात फॉर्म से रेंडर आयात करें। मॉडल अन्य_मॉडलक्लास न्यूफॉर्म (फॉर्म। मॉडलफॉर्म) आयात करते हैं:वर्ग मेटा:मॉडल =अन्य_मॉडल फ़ील्ड ="__ सभी __" घर को परिभाषित करें (अनुरोध):यदि अनुरोध। विधि =="पोस्ट":form=NewForm(request.POST) अगर form.is_valid():form.save() form=NewForm() रिटर्न रेंडर (request,'home.html',{"form":form})

यहां हमने एक फॉर्म बनाया और फिर हमने इसे होम व्यू का उपयोग करके प्रस्तुत किया। POST दृश्य को फ़ॉरहैंडल करते हुए, हमने प्रपत्र डेटा को मान्य किया और फिर उसे सहेज लिया।

models.py, . में निम्नलिखित पंक्तियाँ जोड़ें -

django.db से आयात मॉडल django_quill.fields से QuillFieldclass अन्य_मॉडल (मॉडल। मॉडल) आयात करें:नाम =मॉडल। चारफ़ील्ड (अधिकतम_लंबाई =200) स्थान =मॉडल। चारफ़ील्ड (अधिकतम_लंबाई =100) पशु =मॉडल। ) चीज़ =मॉडल। 

 यहां हमने एक मॉडल बनाया और उसमें हमने टेक्स्ट एडिटर फील्ड बनाया, जो हमारे टेक्स्ट एडिटर के डेटा को स्टोर करेगा।
 
आउटपुट