एक लाइव एडिटर में रिच टेक्स्ट लिखें और जेनरेट किए गए HTML को पाएँ, फ़ॉर्मेटिंग, सूचियाँ, लिंक और सोर्स व्यू के साथ।
एक लाइव एडिटर में रिच टेक्स्ट लिखें और जेनरेट किए गए HTML को पाएँ, फ़ॉर्मेटिंग, सूचियाँ, लिंक और सोर्स व्यू के साथ। एक लाइव एडिटर में रिच टेक्स्ट लिखें और जेनरेट किए गए HTML को पाएँ, फ़ॉर्मेटिंग, सूचियाँ, लिंक और सोर्स व्यू के साथ।
WYSIWYG का अर्थ है What You See Is What You Get। कच्चे HTML टैग टाइप करने के बजाय, आप दस्तावेज़ को दृश्य रूप से एडिट करते हैं -- बोल्ड, इटैलिक, हेडिंग, सूचियाँ, लिंक, आदि -- और एडिटर आपकी क्रियाओं को मार्कअप में अनुवाद करता है। जिस पेज को आप देख रहे हैं वह ब्राउज़र की बिल्ट-इन contenteditable क्षमता और document.execCommand API का उपयोग करता है, जो एक दशक से अधिक समय से हर प्रमुख ब्राउज़र का हिस्सा रहा है। कोई थर्ड-पार्टी लाइब्रेरी शामिल नहीं है: फ़ॉर्मेटिंग ब्राउज़र द्वारा स्वाभाविक रूप से लागू की जाती है, इसलिए जेनरेट किया गया HTML बिल्कुल वैसा ही होता है जैसा आपका ब्राउज़र वेब पर किसी अन्य एडिटेबल एरिया के लिए उत्पन्न करता है।
टूलबार उन ऑपरेशन को कवर करता है जिनकी अधिकांश लोगों को आवश्यकता होती है: undo/redo, bold, italic, underline, strikethrough, हेडिंग H1-H3, पैराग्राफ, कोड ब्लॉक, बुलेट और नंबरड सूचियाँ, ब्लॉक कोट, लिंक, और सभी फ़ॉर्मेटिंग हटाना। फ़ॉन्ट और साइज़ सेलेक्टर वर्तमान चयन का टाइपफेस और फ़ॉन्ट साइज़ बदलते हैं। सोर्स टॉगल रेंडर किए गए व्यू और कच्चे HTML वाले एक सादे textarea के बीच टॉगल करता है, जिसे आप सीधे एडिट कर सकते हैं। एडिटर के नीचे स्टैट्स लाइन वर्तमान कंटेंट के वर्ण और शब्द गणना को दिखाती है।
एडिटर संभव होने पर प्रेजेंटेशनल सूप के बजाय सिमैंटिक मार्कअप उत्पन्न करता है: हेडिंग <h1>/<h2>/<h3> बन जाती हैं, सूचियाँ <ul>/<ol>/<li> बन जाती हैं, कोट <blockquote> बन जाते हैं, और कोड <pre> बन जाता है। टेक्स्ट-स्तरीय फ़ॉर्मेटिंग <strong>, <em>, <u>, और <del> के साथ लागू किया जाता है। चूँकि ब्राउज़र का execCommand इंजन है, इसलिए सटीक मार्कअप ब्राउज़रों के बीच थोड़ा भिन्न हो सकता है -- एक बोल्ड क्लिक एक ब्राउज़र में <strong> और दूसरे में <b> उत्पन्न कर सकती है। अधिकतम संगतता के लिए, एक्सपोर्ट किया गया HTML जानबूझकर मिनिमल होता है और बिना अतिरिक्त सफाई के ईमेल, CMS एडिटर, या दस्तावेज़ीकरण सिस्टम में पेस्ट किया जा सकता है।
सोर्स व्यू में स्विच करने के बाद आउटपुट फ़ील्ड से एक्सपोर्ट किया गया HTML कॉपी करें, या Copy HTML बटन का उपयोग करें। जब किसी ईमेल क्लाइंट में पेस्ट कर रहे हों, तो मार्कअप को सरल रखें -- कई क्लाइंट <style> और जटिल नेस्टिंग हटा देते हैं। यदि आपको इस कंटेंट को किसी ऐसे पेज में एम्बेड करने की आवश्यकता है जिसकी अपनी स्टाइल्स पहले से हैं, तो सिमैंटिक टैग को प्राथमिकता दें और इनलाइन स्टाइल्स से बचें; एक्सपोर्ट किया गया मार्कअप कोई इनलाइन स्टाइलिंग उपयोग नहीं करता, इसलिए यह अपने पेज की CSS को स्वाभाविक रूप से विरासत में लेता है। इस पेज पर सब कुछ आपके ब्राउज़र में स्थानीय रूप से चलता है; कंटेंट कभी भी पेज से बाहर नहीं जाता।