बूटस्ट्रैप- wysiwyg: एक छोटा पाठ संपादक

बूटस्ट्रैप- wysiwyg टेक्स्ट एडिटर केवल एक छोटा और संपीड़ित रूप में 1.5 KB है और स्रोत कोड के 6 KB से थोड़ा अधिक है, बेसिक एडिटिंग फंक्शन्स हैं जो निष्पादन के आधार पर हैं, इमेज डालने के लिए ड्रैग-एंड-ड्रॉप, स्टैंडर्ड हॉट की के लिए सपोर्ट और इससे ज्यादा कुछ नहीं। संपादक आधुनिक ब्राउज़रों (क्रोम 26, फ़ायरफ़ॉक्स 19, सफारी 6) और मोबाइल प्लेटफार्मों (IOS 6 iPad / iPhone, Android 4.1 क्रोम) पर काम करता है। निर्भरताएँ - jQuery, jQuery के HotKeys और बूटस्ट्रैप।

टेक्स्ट को contenteditable विशेषता के साथ एक div में संपादित किया जाता है, बिना iframes और textarea बनाए। इसमें एक मानक टूलबार और शैली नहीं है - उन्हें बूटस्ट्रैप टूल का उपयोग करके बनाया जा सकता है। data-edit विशेषता का उपयोग करके संपादन कमांड बटन से जुड़े होते हैं । यहाँ एक टूलबार के टुकड़े का एक उदाहरण है जो पाठ की शैली को नियंत्रित करता है:

 <div class="btn-group"> <a class="btn" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a> <a class="btn" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i class="icon-italic"></i></a> <a class="btn" data-edit="strikethrough" title="Strikethrough"><i class="icon-strikethrough"></i></a> <a class="btn" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i class="icon-underline"></i></a> </div> 

कीबोर्ड शॉर्टकट हॉटकी ऑब्जेक्ट के माध्यम से निर्दिष्ट किए जा सकते हैं:

 $('#editor').wysiwyg({ hotKeys: { 'ctrl+b meta+b': 'bold', 'ctrl+i meta+i': 'italic', 'ctrl+u meta+u': 'underline', 'ctrl+z meta+z': 'undo', 'ctrl+y meta+y meta+shift+z': 'redo' } }); 

दरअसल, यह लगभग सभी है। संपादक के साथ काम करने की कुछ और बारीकियों को डेमो पेज पर निर्देशों के साथ और प्रोजेक्ट रिपॉजिटरी में वर्णित किया गया है ।

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

गिथब पर कोड प्रकाशित करने के बाद, यह पता चला कि बस इस तरह के एक आधुनिक और हल्के संपादक की कमी थी - दो सप्ताह में लगभग दो हजार ग्राहकों को मिला।

संपादक को MIT के तहत लाइसेंस प्राप्त है।