Django के साथ wysiwyg संपादक का एकीकरण। सिंहावलोकन

सबसे लगातार ग्राहकों की आवश्यकताओं में से एक व्यवस्थापक पैनल में wysiwyg संपादक है। Wysiwyg के संपादक के पास (एक नियम के रूप में) एक सहज ज्ञान युक्त इंटरफ़ेस है और उन उपयोगकर्ताओं को अनुमति देता है जो साइट पर पोस्ट करने के लिए HTML तैयार नहीं करते हैं। संपादक आपको इसकी अनुमति देते हैं: पाठ प्रारूपित करें, चित्र और तालिकाएँ डालें, सूचियाँ बनाएँ, और बहुत कुछ। लेकिन उनकी कमियां भी हैं, उनमें से सबसे महत्वपूर्ण, शायद, अतिरिक्त HTML कोड की एक बड़ी मात्रा है।
आज, इन संपादकों को django के साथ एकीकृत करने के लिए विभिन्न wysiwyg संपादकों और अनुप्रयोगों की एक बड़ी संख्या है। आज मैं सबसे लोकप्रिय के बारे में बात करूंगा।
पाठ के वास्तविक मार्कअप के अलावा, व्यवहार में, क्लाइंट के लिए wysiwyg संपादक की एक महत्वपूर्ण विशेषता छवियों का सुविधाजनक सम्मिलन और तृतीय-पक्ष स्रोतों (वर्ड, वेब संसाधनों) से स्वरूपित पाठ का स्थानांतरण है। यह महत्वपूर्ण है कि जब स्वरूपित पाठ को स्थानांतरित किया जाता है, तो संपादक उन शैलियों को हटा देता है जो साइट की शैलियों के साथ संघर्ष कर सकते हैं, उदाहरण के लिए, पाठ का फ़ॉन्ट। आवेदन की समीक्षा के दौरान, इन दो विशेषताओं पर विशेष ध्यान दिया जाएगा।

Django-TinyMCE

लिंक: github.com/aljosa/django-tinymce

TinyMce 3.5.8 का उपयोग संपादक के रूप में किया जाता है - www.tinymce.com

शायद सबसे लोकप्रिय संपादक और इस क्षेत्र में सबसे लोकप्रिय django आवेदन। TinyMce एक अच्छी तरह से एक्स्टेंसिबल संपादक है जिसके लिए बड़ी संख्या में प्लगइन्स, थीम और टेम्पलेट बनाए गए हैं।

आवेदन विशेषताएं:
- उत्कृष्ट प्रलेखन;
- अच्छा समर्थन;
- वर्तनी जांच (शब्दकोशों के कनेक्शन की आवश्यकता है);
- फ़ाइलों को डाउनलोड करने की कोई क्षमता नहीं है (एक सामान्य समाधान फ़ाइलब्रोसर प्लगइन को स्थापित करने के लिए है github.com/sehmaschine/django-filebrowser );
- टिनिअम संस्करण 3.5.8 का उपयोग करता है (फिलहाल नवीनतम संस्करण 4.0.10 है);
- सफाई स्रोत शैलियों:

TINYMCE_DEFAULT_CONFIG = { 'plugins': 'paste', 'paste_remove_styles': 'true', 'paste_remove_styles_if_webkit': 'true', 'paste_strip_class_attributes': 'all', } 

Django-markitup

लिंक: bitbucket.org/carljm/django-markitup

MarkItUp 1.1.14 का उपयोग संपादक के रूप में किया जाता है - markitup.jaysalvat.com/home

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

Django-markitup के विकल्प के रूप में, django-markdown परियोजना है , हालांकि यह github पर अधिक लोकप्रिय है, यह लंबे समय से अपडेट नहीं किया गया है।

आवेदन विशेषताएं:
- सक्रिय रूप से समर्थित और विकसित;
- फ़ाइल अपलोड फ़ंक्शन की कमी (आप एक ही लेखक bitbucket.org/carljm/django-adminfiles से django-adminfiles एप्लिकेशन का उपयोग कर सकते हैं);
- सफाई स्रोत शैलियों: आवश्यक नहीं है।

Django-CKEditor

लिंक: github.com/riklaunim/django-ckeditor

संपादक का इस्तेमाल Ckeditor 4.2.1 - ckeditor.com है

बहुत शक्तिशाली और हल्का संपादक। बड़ी संख्या में खाल और प्लगइन्स हैं। यह परियोजना github.com/shaunsephton/django-ckeditor प्रोजेक्ट का एक कांटा है, जिसे लंबे समय से अपडेट नहीं किया गया है। मुख्य सुधारों में से: Django 1.6 के लिए समर्थन, संस्करण 4.2.1 के लिए Ckeditor को अपडेट किया गया और Django स्टोरेज API के लिए समर्थन जोड़ा गया। PyPI में, एक परियोजना django-ckeditor-updated नाम से उपलब्ध है।

आवेदन विशेषताएं:
- फ़ाइलों को डाउनलोड करने की क्षमता है;
- सफाई स्रोत शैलियों:

 CKEDITOR_CONFIGS = { 'default': { 'forcePasteAsPlainText': True } } 

(यह ध्यान देने योग्य है कि इस विकल्प के साथ, Ckeditor टेक्स्ट प्रदर्शित करने के लिए अपनी खुद की शैली सम्मिलित करता है)।

Django-wysiwyg-एडीटर

लिंक: github.com/douglasmiranda/django-wysiwyg-redactor

RedactorJS 7.6.3 का उपयोग संपादक के रूप में किया जाता है - redactorjs.com

न्यूनतम संपादक, प्लगइन्स को कनेक्ट करने की क्षमता है। खींचें और ड्रॉप समर्थन के साथ पूरी तरह से लागू फ़ाइल डाउनलोड। संपादक ने लाइसेंस बदल दिया, नए संस्करण भुगतान किए गए, इसलिए परियोजना में संपादक के संस्करण को अपडेट करना (वर्तमान संस्करण 9.1.7 है) अपेक्षित नहीं है।

आवेदन विशेषताएं:
- सक्रिय रूप से समर्थित;
- छवि लोड करने का उत्कृष्ट कार्यान्वयन (खींचें और ड्रॉप);
- सफाई स्रोत शैलियों:

 REDACTOR_OPTIONS = {'removeStyles': True} 

Django-summernote

लिंक: github.com/lqez/django-summernote

संपादक समरनोट 0.4.1 है - hackerwins.imtqy.com/summernote

समरनोट ट्विटर बूटस्ट्रैप का उपयोग करते हुए एक सरल और न्यूनतर संपादक है।
एप्लिकेशन सक्रिय रूप से विकसित हो रहा है, लेकिन फिलहाल इसमें मामूली खामियां हैं। उदाहरण के लिए, छवियाँ सम्मिलित करते समय कभी-कभी जावास्क्रिप्ट कोड में त्रुटियां होती हैं।

आवेदन विशेषताएं:
- सक्रिय रूप से समर्थित और विकसित;
- छवि लोड करने का उत्कृष्ट कार्यान्वयन (खींचें और ड्रॉप, बहु-लोड समर्थित);
- दोष शामिल हैं;
- सफाई स्रोत शैलियों: प्रदान नहीं की गई।

इस समीक्षा में, wysiwyg संपादकों और django को एकीकृत करने के लिए लोकप्रिय आवेदन प्रस्तुत किए गए थे। संपादकों के स्क्रीनशॉट को "बॉक्स से बाहर" कॉन्फ़िगरेशन में प्रस्तुत किया गया है। यह ध्यान देने योग्य है कि सभी संपादक सेटिंग्स की एक लचीली प्रणाली प्रदान करते हैं, साथ ही मानक कार्यक्षमता के विस्तार के लिए एक एपीआई भी। निष्कर्ष में, हम अनुप्रयोगों की प्रमुख विशेषताओं की तुलना करते हुए एक तालिका प्रस्तुत करते हैं:

	Django-TinyMCE	Django-markitup	Django-CKEditor	Django-wysiwyg-एडीटर	Django-summernote
संपादक सुविधाएँ	एक्सटेंशन और थीम की सबसे बड़ी संख्या	एकाधिक मार्कअप भाषाओं के लिए समर्थन	न्यूनतम डिजाइन, व्यापक कार्यक्षमता	न्यूनतम डिजाइन। भुगतान हो गया	ट्विटर बूटस्ट्रैप का उपयोग करता है
छवि सम्मिलन	प्लगइन स्थापना की आवश्यकता है	प्लगइन स्थापना की आवश्यकता है	+	ड्रैग एंड ड्रॉप सपोर्ट के साथ	ड्रैग एंड ड्रॉप और मल्टीअपलोड समर्थन के साथ
स्थिरता	+	+	+	+	-
पाठ को स्वरूपित करते समय शैलियों को हटाना	+	आवश्यकता नहीं है	अपनी शैली सम्मिलित करता है	+	-