7 सर्वश्रेष्ठ WYSIWYG HTML संपादक ओपन सोर्स

कोड संपादक दो प्रकार के होते हैं - सरल पाठ-आधारित संपादक और WYSIWYG (जो आप देखते हैं वही आपको मिलता है)। हमारे पिछले लेख में, हमने कुछ बेहतरीन पर चर्चा की थीओपन सोर्स एचटीएमएल एडिटर जहां आप मैन्युअल रूप से कोड टाइप करते हैं। जबकि टेक्स्ट-आधारित HTML संपादकों के साथ कोई समस्या नहीं है, वे भी कम पुराने स्कूल नहीं हैं। और यहीं पर WYSIWYG HTML संपादक का खुला स्रोत आता है। WYSIWYG HTML संपादक बिना किसी प्रोग्रामिंग ज्ञान के वेबसाइट बनाने के लिए नेत्रहीन आधारित विकल्प प्रदान करते हैं (Wix विज्ञापन याद रखें, वह wizzy-sig है)

WYSIWYG HTML संपादक के टेक्स्ट-आधारित संपादकों की तुलना में कई फायदे हैं। शुरू करने के लिए, आप WYSIWYG संपादकों के साथ एक वेबसाइट बना सकते हैं, भले ही आप कोड करना नहीं जानते हों। आपको बस इतना करना है कि संपादक में आइटम खींचें और छोड़ें और एक बार जब आप कर लें, तो बस कोड कॉपी करें। हालांकि, एक अच्छा ओपन सोर्स WYSIWYG HTML एडिटर ढूंढना एक घर का काम हो सकता है। यहीं पर आते हैं हम।

यह भी पढ़ें: 50+ ओपन सोर्स एंड्रॉइड ऐप्स जब आप Google को छोड़ना चाहते हैं

बेस्ट WYSIWYG HTML एडिटर ओपन सोर्स

1. पेले

पेल शायद सबसे छोटा और सरल WYSIWYG संपादक है जिसे आप कभी भी देखेंगे। यह वस्तुतः आकार में 1.38 kb है!

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

पेशेवरों:

सबसे छोटा और सबसे हल्का WYSIWYG
कोई निर्भरता नहीं
आसानी से अनुकूलन योग्य

विपक्ष:

कोई फैंसी HTML संपादन नहीं
केवल लिंक के माध्यम से छवियां

फैसला:
इसके आकार को ध्यान में रखते हुए, पेल एक सम्मोहक पैकेज बनाता है। लेकिन ईमानदार रहें, आप सीमित संपादन विकल्पों के साथ केवल मूल HTML फ़ाइलें ही प्राप्त कर सकते हैं। इसलिए, यदि आप एक तेज़ और हल्के वजन वाले WYSIWYG संपादक की तलाश में हैं जो कुछ बहुत ही बुनियादी काम के लिए खुला स्रोत है, तो निश्चित रूप से पेल देखें।

पेले जाओ

2. ओपनWYSIWYG

OpenWYSIWYG एक क्रॉस-ब्राउज़र रिच-टेक्स्ट HTML संपादक है जिसे पूरी तरह से जावास्क्रिप्ट में कोडित किया गया है। कोड की कुछ पंक्तियों को कॉपी-पेस्ट करके, आप किसी को भी बदल सकते हैं OpenWYSIWYG के मजबूत WYSIWYG HTML संपादक में। ड्रॉप-डाउन मेनू के साथ UI और संपादन विकल्प किसी भी टेक्स्ट एडिटर के समान हैं और आप घर पर ही सही महसूस करेंगे। सभी मूल स्वरूपण विकल्पों के अलावा, OpenWYSIWYG में 216 वेब रंगों के साथ एक उन्नत रंग बीनने वाला और हर विकल्प के साथ एक शक्तिशाली तालिका स्वरूपण उपकरण है जिसके बारे में आप सोच सकते हैं। OpenWYSIWYG के बारे में एक और बढ़िया बात यह है कि सभी दृश्य विकल्पों के साथ, आप अभी भी कर सकते हैंकच्चा HTML कोड देखें और सीधे कोड में समायोजन करें। जब आप सीखना चाहते हैं या अपने कोडिंग कौशल को ताज़ा करना चाहते हैं तो उपयोगी है। <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-2a8d34d0ca966deffc6441af9dbbe702-101381.jpg" alt="7 सर्वश्रेष्ठ WYSIWYG HTML संपादक ओपन सोर्स"> पेशेवरों: <ul> <li>शक्तिशाली संपादन वातावरण</li> <li>सहज और आसान यूआई</li> <li>रंग बीनने वाला और व्यापक तालिका संपादन विकल्प</li> </ul> विपक्ष: <ul> <li>कुछ वर्षों में अपडेट नहीं किया गया</li> </ul> फैसला: जावास्क्रिप्ट में लिखे जाने के कारण, OpenWYSIWYG HTML संपादक ओपन सोर्स को किसी अन्य वेब प्रोग्रामिंग भाषा के साथ काम करना चाहिए। यदि आप अपने वेब एप्लिकेशन में शामिल करने के लिए पेल की तुलना में कुछ अधिक शक्तिशाली खोज रहे हैं, तो यह एक बढ़िया विकल्प है। ओपनWYSIWYG प्राप्त करें <h3>3. टाइनीएमसीई (सामुदायिक संस्करण)</h3> हमारी सूची में अगला खुला स्रोत HTML WYSIWYG संपादक TinyMCE है। यह भी पूरी तरह से जावास्क्रिप्ट में लिखा गया है और अधिकांश वर्ड प्रोसेसर की तरह एक यूआई और अनुभव प्रदान करता है। यह इसे और अधिक उपयोगकर्ता के अनुकूल बनाता है। TinyMCE मुफ़्त नहीं है, लेकिन सामुदायिक संस्करण मुफ़्त और खुला स्रोत है। यह सभी बुनियादी संपादन विकल्पों के साथ आता है जैसे टेक्स्ट, सूचियों, तालिकाओं और कुछ छवि संपादन विकल्पों को स्वरूपित करना। डेवलपर्स ने यूजर्स की संख्या के हिसाब से प्रीमियम मॉडल्स की कीमत तय की है। कुछ प्रीमियम सुविधाओं में Google ड्राइव और Microsoft Azure समर्थन, एक्सटेंशन, वर्तनी और लिंक चेकर और तकनीकी सहायता शामिल हैं। <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-35ef757e6374c689f5158bf25ea8b2c6-101381.jpg" alt="यदि आपके पास प्रोग्रामिंग में पूर्व अनुभव है और सीखने का समय नहीं है, तो आप WYSIWYG HTML संपादक ओपन सोर्स का उपयोग करके पूरी तरह से दूर हो सकते हैं। हालाँकि, एक अच्छा WYSIWYG HTML संपादक खोजना इतना आसान नहीं है, खासकर यदि आपको एक स्वतंत्र और खुला स्रोत होने की आवश्यकता है।"> पेशेवरों: <ul> <li>विस्तार समर्थन</li> <li>फाइल प्रबंधन</li> <li>तकनीकी समर्थन</li> <li>HTML के लिए IDE-शैली कोड संपादक</li> </ul> विपक्ष: <ul> <li>क़ीमती</li> <li>पूरी तरह से खुला स्रोत नहीं</li> </ul> फैसला: अपने आसान एकीकरण विकल्प, उपयोगकर्ता के अनुकूल UI और ढेर सारी सुविधाओं के साथ TinyMCE एक संपूर्ण पैकेज है। यदि आप सबसे अधिक सुविधा संपन्न WYSIWYG HTML संपादक ओपन सोर्स चाहते हैं और कुछ पैसे खर्च करने के साथ ठीक हैं, तो TinyMCE जाने का रास्ता है। इसके अलावा, वे अपने प्रो मॉडल के लिए एक महीने का निःशुल्क परीक्षण प्रदान करते हैं जिसे आप हमेशा देख सकते हैं। TinyMCE डेमो प्राप्त करें <h3>4. जोड़ी</h3> जोडिट एक और तेज़ और हल्का WYSIWYG HTML संपादक ओपन सोर्स संपादक है जिसे आप अपने कोड में एम्बेड कर सकते हैं और अपने पृष्ठ का संपादन शुरू कर सकते हैं। यह लगभग 100 केबी आकार में काफी हल्का है और पूरी तरह से टाइपस्क्रिप्ट में लिखा गया है। इसलिए इसे चलाने के लिए आपको किसी निर्भरता या पुस्तकालय की आवश्यकता नहीं है। यह इमेज के लिए ड्रैग-एन-ड्रॉप इंटरफेस के साथ भी आता है। आप एक लिंक के माध्यम से YouTube या Vimeo वीडियो भी संलग्न कर सकते हैं या उन्हें एम्बेड कर सकते हैं। जोदित के बारे में मुझे जो सबसे अच्छी बात पसंद है वह यह है कि यह an . के साथ आता है ऐस संपादक बॉक्स से बाहर और एक बटन के साथ, आप वास्तविक कोड और पूर्वावलोकन मोड के बीच स्विच कर सकते हैं। <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-d9f6924fe440a4261e0839c0c4b1c532-101381.jpg" alt="html, wysiwyg, संपादन, विकल्प, खुलापन, संपादन, पेशेवर, कोड, पाठ, विपक्ष, समर्थन, संपादक, आधारित, निर्णय, बूटस्ट्रैप"> पेशेवरों: <ul> <li>लाइटवेट, कोई पुस्तकालय नहीं</li> <li>ड्रेग करें और छोड़ दें</li> <li>ऐस संपादक बॉक्स से बाहर</li> <li>तकनीकी सहायता (भुगतान किया गया)</li> </ul> फैसला: जोडिट दोनों दुनिया के सर्वश्रेष्ठ प्रदान करता है - आसान दृश्य WYSIWYG संपादक के साथ-साथ कच्चे कोड को संपादित करना। यदि आप HTML में कम से कम कुछ ज्ञान रखने वाले व्यक्ति हैं, तो जोडिट आपके लिए सबसे अच्छा विकल्प हो सकता है। जोडिट खेल का मैदान प्राप्त करें <h3>5. समरनोट</h3> समरनोट एक सुपर सरल WYSIWYG संपादक खुला स्रोत है जो jQuery पर और बूटस्ट्रैप पर आधारित है। चूंकि यह बूटस्ट्रैप का समर्थन करता है, आप बूट्सवॉच से अपने संपादक पर सभी समर्थित शैलियों और विषयों का उपयोग कर सकते हैं। WYSIWYG HTML संपादक ओपन सोर्स में अपने आप में एक बहुत ही साफ और न्यूनतम UI है और आप अपनी आवश्यकता के अनुसार फ़ॉर्मेटिंग विकल्पों को संपादित या जोड़ भी सकते हैं। समरनोट के एयर-मोड के साथ, आप पूरे टूलबार को छुपा सकते हैं और फ्लाई पर अपने दस्तावेज़ को संपादित कर सकते हैं। सुविधाजनक। यह स्वचालित रूप से सभी छवियों को बेस 64 में परिवर्तित कर सकता है, इसलिए आपको छवि प्रबंधन बिल्कुल नहीं करना है। मेरे लिए, समरनोट के बारे में सबसे अच्छी बात यह है कि इसके पीछे डेवलपर्स की मेहनती टीम है जो हमेशा समुदाय को सुन रहे हैं और नई सुविधाएँ जोड़ रहे हैं। उदाहरणों में प्लगइन्स के लिए समर्थन और समरनोट का लाइट या वेनिला संस्करण शामिल है जिसमें बूटस्ट्रैप की आवश्यकता नहीं होती है। <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-d48b6067378fbbbed4746fb15a5e64e8-101381.jpg" alt="7 सर्वश्रेष्ठ WYSIWYG HTML संपादक ओपन सोर्स"> पेशेवरों: <ul> <li>न्यूनतम सीखने की अवस्था</li> <li>ऑन द फ्लाई एडिटिंग के लिए एयर मोड</li> <li>बूटस्ट्रैप 3.x.x से 4.x.x . का समर्थन करता है</li> <li>HTML में देखें और संपादित करें</li> </ul> विपक्ष: <ul> <li>बूटस्ट्रैप की आवश्यकता है</li> </ul> फैसला: समरनोट शायद सबसे अधिक सुविधा संपन्न लेकिन मुक्त और खुला स्रोत WYSIWYG HTML संपादक है जो बाजार में उपलब्ध है और इसमें लगातार सुधार हो रहा है। यदि आप बूटस्ट्रैप के साथ काम कर रहे हैं, तो समरनोट कोई दिमाग नहीं है, लेकिन अगर आप नहीं भी हैं, तो भी समरनोट चेक आउट के योग्य है। समरनोट डेमो प्राप्त करें <h3>6. फ्रोआला</h3> फ्रोला जावास्क्रिप्ट में लिखा गया एक सुंदर WYSIWYG HTML संपादक खुला स्रोत है। यह इस सूची में अधिक लोकप्रिय उपकरणों में से एक है और डेवलपर्स के साथ इसकी लोकप्रियता को इसके आसान एकीकरण और स्वच्छ डिजाइन के लिए जिम्मेदार ठहराया जा सकता है। फ्रोआला अपने आप में एक बहुत शक्तिशाली संपादक है और असंख्य प्लगइन्स ने केवल उसी को बढ़ाया है। उनमें से कुछ में एक उन्नत छवि संपादक, इमोटिकॉन्स, वर्तनी परीक्षक शामिल हैं, और यहां तक कि अपना खुद का प्लगइन बनाना भी आसान है। सभी टूल्स को इनलाइन एडिटर के साथ भी एक्सेस किया जा सकता है जो बेहद सुविधाजनक है। TinyMCE की तरह, फ्रोआला बहुत सारे फ्लेवर में उपलब्ध है, लेकिन यहां तक कि मुफ्त संस्करण भी बहुत सारे पंच पैक करता है। अंतर केवल इतना है कि आपको पूर्ण स्रोत कोड और तकनीकी सहायता नहीं मिलेगी। <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-5a89ec944a7b7318dad29d4cbe38303c-101381.jpg" alt="7 सर्वश्रेष्ठ WYSIWYG HTML संपादक ओपन सोर्स"> पेशेवरों: <ul> <li>लाइटवेट शक्तिशाली संपादक</li> <li>इनलाइन संपादन</li> <li>प्लगइन्स की अधिकता</li> </ul> विपक्ष: <ul> <li>मोबाइल हाइब्रिड ऐप/वेबसाइट के लिए अच्छा नहीं है</li> </ul> फैसला: फ्रोआला एक सुंदर यूआई के साथ तेज और हल्का है, लेकिन फिर भी उन सभी सुविधाओं को लाने का प्रबंधन करता है जो एक WYSIWYG HTML संपादक में देख सकते हैं। यदि आप स्रोत कोड और समर्थन के बिना ठीक हैं, तो नि: शुल्क संस्करण आपकी ठीक सेवा करेगा, अन्यथा आप जानते हैं कि क्या करना है। फ्रोआला प्राप्त करें <h3>7. सीकेएडिटर</h3> CKEditor एक खूबसूरती से डिज़ाइन किए गए WYSIWYG HTML संपादक ओपन सोर्स होने के कारण उपयोगकर्ताओं के बीच बेहद लोकप्रिय है। यह अनुकूल लेआउट में HTML सीखने में आपकी मदद करने के लिए 21k से अधिक परीक्षणों के साथ आता है। अपने कौशल को और बेहतर बनाने में आपकी मदद करने के लिए विस्तृत दस्तावेज उपलब्ध हैं। टेक इंडस्ट्री के कुछ सबसे बड़े नाम इस पर भरोसा करते हैं। ध्यान दें कि आपको प्रत्येक फ़ाइल में कॉपीराइट नोटिस को बरकरार रखना होगा और CKEditor स्थापना फ़ोल्डर में स्थित LICENSE.md फ़ाइल को हटाना नहीं होगा। यह कोई कमी नहीं है, खासकर जब आपको बदले में इतना मूल्य मिल रहा हो। प्लगइन्स, @mention, इमोजीस, लीगेसी ब्राउजर और यहां तक कि स्वत: पूर्ण के लिए समर्थन है जो बहुत समय बचा सकता है। <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-f7cf4bbbed846085854eb05d6236462e-101381.png" alt="यदि आपके पास प्रोग्रामिंग में पूर्व अनुभव है और सीखने का समय नहीं है, तो आप WYSIWYG HTML संपादक ओपन सोर्स का उपयोग करके पूरी तरह से दूर हो सकते हैं। हालाँकि, एक अच्छा WYSIWYG HTML संपादक खोजना इतना आसान नहीं है, खासकर यदि आपको एक स्वतंत्र और खुला स्रोत होने की आवश्यकता है।"> पेशेवरों: <ul> <li>विस्तृत दस्तावेज़ीकरण, परीक्षण, प्रश्न</li> <li>सहयोग करें और @ उल्लेख करें</li> <li>स्वत: पूर्ण</li> </ul> विपक्ष: <ul> <li>लाइसेंस फ़ाइल रखें</li> </ul> सीकेएडिटर प्राप्त करें मानद उल्लेख: 1. MediumEditor, Medium.com के लिए इनलाइन WYSIWYG संपादक का एक खुला स्रोत क्लोन है। यह मृत सरल, हल्का है और बिना किसी निर्भरता के आता है। हालांकि यह इतना शक्तिशाली नहीं है, यह टेक्स्ट या टेक्स्ट से संबंधित दस्तावेजों के लिए एक महान इनलाइन संपादन उपकरण के रूप में कार्य कर सकता है। 2. एटम का HTML पूर्वावलोकन पैकेज आपको एक पूर्वावलोकन फलक जोड़ने की अनुमति देता है जिसमें आप अपने HTML कोड का लाइव पूर्वावलोकन कर सकते हैं, जो डेवलपर्स के लिए बहुत उपयोगी हो सकता है। हालांकि यह निश्चित रूप से शुरुआती लोगों के लिए नहीं है, यदि आप पहले से ही HTML में प्रोग्रामिंग करते हैं तो यह आपके मौजूदा वर्कफ़्लो में जोड़ने के लिए एक बढ़िया पैकेज है। <h3>बेस्ट WYSIWYG HTML एडिटर ओपन सोर्स</h3> जबकि HTML अभी भी एक वेबसाइट बनाने का अधिक शक्तिशाली तरीका है और इसके साथ बहुत अधिक जटिल चीजें संभव हैं, WYSIWYG संपादकों ने अपनी जगह सुरक्षित कर ली है। कोड सीखने के लिए बहुत अधिक समय और ऊर्जा की आवश्यकता होती है और यह सभी के लिए समझ में नहीं आता है। यदि आपके पास प्रोग्रामिंग में पूर्व अनुभव है और सीखने का समय नहीं है, तो आप WYSIWYG HTML संपादक ओपन सोर्स का उपयोग करके पूरी तरह से दूर हो सकते हैं। यह भी पढ़ें: <a href="/7-best-open-source-browser-for-android-2018-100540" target="_blank">Android के लिए 7 सर्वश्रेष्ठ ओपन सोर्स ब्राउज़र (2018)</a>