डेवलपर टूल · HTML WYSIWYG एडिटर
WYSIWYG का संक्षिप्त इतिहास: ज़ेरॉक्स PARC के ब्रावो से ब्राउज़र एडिटर तक
· पेजभूमि
HTML संतोषप्रद डेवलपर-वर्कफ़्लो
डेस्कटॉप प्रकाशन और वेब पेज बिल्डरों के माध्यम से 1970 के दशक के अनुसंधान प्रणालियों से लेकर हर ब्राउज़र में सामग्री संपादन योग्य एडिटर तक संपादन का पता लगाता है कि आप क्या देखते हैं और क्या पाते हैं।
WYSIWYG से पहले, आपने ब्लाइंड स्वरूपित किया था - मार्कअप-एंड-प्रिंट वर्कफ़्लो के साथ खुलता है और दृश्य संपादन क्रांतिकारी क्यों था
दृश्य संपादन से पहले, लेखक अक्सर नियंत्रण कोड या मार्कअप लिखते थे और बाद में स्वरूपित परिणाम देखते थे। देरी ने लेआउट को पुनरावृत्तीय बना दिया: निर्देश बदलें, दोबारा प्रस्तुत करें, तुलना करें और दोहराएं। रचना के दौरान फ़ॉर्मेटिंग दिखाने से वह लूप छोटा हो गया और दस्तावेज़ सॉफ़्टवेयर से गैर-विशेषज्ञों की अपेक्षा बदल गई।
यह आलेख जानबूझकर सटीक प्रथम और दिनांकों से बचता है जिन्हें भंडार स्वतंत्र रूप से स्रोत नहीं बनाता है। इसका उद्देश्य ब्राउज़र संपादन सतह के पीछे की डिज़ाइन वंशावली को समझाना है, न कि संपूर्ण ऐतिहासिक कालक्रम को प्रमाणित करना। नामित मील के पत्थर को तथ्यात्मक उत्पाद इतिहास के रूप में प्रकाशित करने से पहले अभिलेखीय संदर्भ की आवश्यकता होती है।
प्रारंभिक दृश्य दस्तावेज़ प्रणालियों ने इस विचार को स्थापित किया; यह भंडार ब्रावो कालक्रम का स्रोत नहीं है
ज़ेरॉक्स PARC से जुड़ी अनुसंधान प्रणालियाँ WYSIWYG इतिहास में व्यापक रूप से चर्चा में हैं, और कार्यपुस्तिका का नाम ब्रावो है। यहां प्रदान किया गया कोई भी रिपॉजिटरी स्रोत इसकी तारीख, फीचर सेट या समकालीनों पर प्राथमिकता की पुष्टि नहीं करता है, इसलिए उन विवरणों को तथ्य के रूप में व्याख्या करने के बजाय छोड़ दिया गया है।
रक्षात्मक वैचारिक मील का पत्थर एक बिटमैप डिस्प्ले है जो स्वरूपित दस्तावेज़ों के प्रत्यक्ष हेरफेर के साथ जोड़ा गया है। स्क्रीन केवल कमांड टाइप करने की जगह के बजाय आउटपुट का एक सक्रिय सन्निकटन बन गई। दृश्य स्वरूपण और अंतर्निहित संरचना के बीच का संबंध अभी भी आधुनिक एडिटर ट्रेड-ऑफ़ को परिभाषित करता है।
दृश्य संपादन उपभोक्ता डेस्कटॉप तक पहुंचा; सटीक उत्पाद मील के पत्थर के लिए बाहरी अभिलेखीय स्रोतों की आवश्यकता होती है
कार्यपुस्तिका में अगले नाम ज़ेरॉक्स स्टार, मैकराइट और डेस्कटॉप पब्लिशिंग हैं। सटीक अनुक्रमण और प्रभाव के लिए इस कोडबेस से परे स्रोतों की आवश्यकता होती है। आविष्कार के बिना जो कहा जा सकता है वह यह है कि ग्राफिकल पर्सनल कंप्यूटिंग ने दृश्य रचना को बहुत व्यापक दर्शकों से परिचित कराया और फ़ॉन्ट, रिक्ति और पेज लेआउट के साथ संपादन को जोड़ा।
उस डेस्कटॉप मॉडल ने स्थिर पेजों और नियंत्रित आउटपुट डिवाइसों की अपेक्षाओं को प्रोत्साहित किया। वेब सामग्री ने बाद में वादे को जटिल बना दिया क्योंकि एक HTML टुकड़ा कई स्टाइलशीट, चौड़ाई और उपयोगकर्ता प्राथमिकताओं को पूरा कर सकता है। वाक्यांश "आप जो देखते हैं" कम शाब्दिक हो गया क्योंकि प्रकाशन कागज़ जैसे पेजों से प्रतिक्रियाशील दस्तावेज़ों में स्थानांतरित हो गया।
1990 के दशक के पेज बिल्डरों ने विज़ुअल वेब ऑथरिंग और इसके मार्कअप ट्रेड-ऑफ़ को उजागर किया
विज़ुअल वेब पेज बिल्डर्स HTML में सीधी रचना लेकर आए और जेनरेटेड रैपर्स और प्रेजेंटेशनल मार्कअप से जुड़े। फिर, कार्यपुस्तिका विस्तृत प्रतिष्ठा या समयरेखा के लिए भंडार साक्ष्य के बिना विशेष उत्पादों का नाम देती है। यह आलेख बिंदु को स्थायी इंजीनियरिंग व्यापार-बंद तक सीमित रखता है।
एक विज़ुअल टूल को इशारों को एक पेड़ और एक स्ट्रिंग में अनुवाद करना होगा। यदि यह तत्काल उपस्थिति के लिए अनुकूलित होता है, तो यह स्थानीय प्रस्तुति का उत्सर्जन कर सकता है जो बाद में पुनः डिज़ाइन का विरोध करता है। यदि यह आउटपुट को बाधित करता है, तो स्रोत के प्रति दृश्य निष्ठा कम हो जाती है। ToolAcre एक प्रतिबंधित सिमेंटिक उपसमुच्चय चुनता है और फ़िल्टर किए गए स्रोत को दिखाता है।
संपादन पेज में चला जाता है - बताता है कि कैसे contenteditable ने WYSIWYG को ब्राउज़र और CMS प्लेटफ़ॉर्म में ला दिया
ब्राउज़र कंटेंटएडिटेबल ने संपादन होस्ट को एक सामान्य पेज तत्व में स्थानांतरित कर दिया। ब्राउज़र कैरेट, चयन, टाइपिंग और विलोपन का प्रबंधन कर सकता है जबकि एप्लिकेशन कोड आंतरिक HTML को नियंत्रित और पढ़ता है। ToolAcre उस मॉडल का अनुसरण करता है और वर्तमान में अप्रचलित execCommand के माध्यम से टूलबार क्रियाएँ भेजता है।
एप्लिकेशन तब सीमाएं जोड़ता है जो मूल संपादन होस्ट प्रदान नहीं करता है: पेस्ट अवरोधन, स्रोत स्वच्छता, एक निष्कासन रिपोर्ट, चरित्र और शब्द गणना, सादा-पाठ निष्कर्षण, प्रतिलिपि बनाना, डाउनलोड और एक निष्क्रिय पूर्वावलोकन। यह लेयरिंग बताती है कि अकेले कंटेंटएडिटेबल एक संपूर्ण उत्पाद क्यों नहीं है।
प्रति-आंदोलन स्रोतित उत्पाद समयरेखा के बिना, प्रतिबंधित स्रोत और संरचित संपादन का समर्थन करता है
हल्के मार्कअप और संरचित एडिटर समान आउटपुट-गुणवत्ता संबंधी चिंता का अलग-अलग उत्तर देते हैं। वे लेखक क्या व्यक्त या संग्रहीत कर सकते हैं, उसे सीमित करते हैं, फिर एक नियंत्रित परिणाम प्रस्तुत करते हैं। कार्यपुस्तिका एक ऐतिहासिक प्रति-आंदोलन का अनुरोध करती है, लेकिन यहां कोई भी स्रोत किसी तिथि, गोद लेने के दावे या नामित कारण अनुक्रम का समर्थन नहीं करता है।
उपयोगी तुलना वास्तुशिल्प है। एक प्रतिबंधित स्रोत को अलग करना और रूपांतरित करना आसान हो सकता है, जबकि एक दृश्य सतह स्वरूपण की बाधा को कम करती है। ToolAcre दृश्य प्रारूपण को दृश्यमान HTML के साथ जोड़ता है, लेकिन यह सहयोग, दस्तावेज़ मॉडल या नियतात्मक क्रॉस-ब्राउज़र कमांड की पेशकश नहीं करता है।
इसमें क्या शामिल नहीं है - वेब पर इसके प्रभाव से परे उत्पाद-दर-उत्पाद समयरेखा या डेस्कटॉप प्रकाशन
यह लेख उत्पाद-दर-उत्पाद समयरेखा प्रदान नहीं करता है, किसी आविष्कार का श्रेय नहीं देता है, शोधकर्ताओं को उद्धृत नहीं करता है या व्यापक प्रभाव से परे डेस्कटॉप प्रकाशन को कवर नहीं करता है। वे चूक जानबूझकर की गई हैं क्योंकि कोई अभिलेखीय स्रोत उपलब्ध नहीं कराए गए थे। एडिटर कार्यान्वयन वर्तमान व्यवहार को सत्यापित कर सकता है, ऐतिहासिक प्राथमिकता को नहीं।
यह यह भी दावा नहीं करता है कि विज़ुअल एडिटर आवश्यक रूप से खराब मार्कअप उत्पन्न करते हैं। आउटपुट गुणवत्ता संपादन मॉडल और नीति पर निर्भर करती है। यहां, उपनाम और अनुमति सूचियां ब्राउज़र उत्परिवर्तन के बाद भिन्नता को कम करती हैं, जबकि स्रोत मोड लेखक को समीक्षा करने देता है कि क्या बचा है। अन्य एडिटर भिन्न संरचनाएँ चुन सकते हैं।
टेकअवे: पुराना तनाव अभी भी डिज़ाइन की समस्या है - दृश्य सुविधा बनाम स्वच्छ आउटपुट का सारांश देता है और कैसे ToolAcre का HTML WYSIWYG एडिटर आपको आपके संपादन द्वारा उत्पन्न मार्कअप देखने की सुविधा देकर इसका समाधान करता है।
पुराना तनाव बना रहता है: प्रत्यक्ष दृश्य नियंत्रण लेखकों को मदद करता है, जबकि टिकाऊ संरचित आउटपुट सिस्टम और भविष्य के अनुरक्षकों को मदद करता है। एक विश्वसनीय एडिटर उस अनुवाद को दृश्यमान बनाता है और स्वीकार करता है कि प्रतिपादन ब्राउज़र और गंतव्य संदर्भ पर निर्भर करता है।
ToolAcre एक छोटा समकालीन उदाहरण है। एक डिस्पोजेबल नोट को फ़ॉर्मेट करें, फ़िल्टर किए गए HTML का निरीक्षण करें, और स्रोत के साथ पूर्वावलोकन की तुलना करें। यह अभ्यास बिना स्रोत वाली ऐतिहासिक रूपरेखा को गलत परिशुद्धता में बदले बिना या यह दावा किए बिना वंशावली को प्रदर्शित करता है कि यह कार्यान्वयन हर WYSIWYG समझौते का समाधान करता है।