डेवलपर टूल · HTML WYSIWYG एडिटर
जब आप वर्ड या गूगल डॉक्स से वेब एडिटर में पेस्ट करते हैं तो क्या होता है
· यह काम किस प्रकार करता है
HTML संतोषप्रद पाठ-सफाई
यह बताता है कि एमएसओ-शैलियों से लेकर रैपर तत्वों और फ़ॉन्ट स्टैक तक रिच-टेक्स्ट पेस्ट क्या ले जाते हैं, और दिखाता है कि परिणामी मार्कअप को आपकी साइट तक पहुंचने से पहले कैसे पढ़ा जाए।
यह वर्ड में ठीक लग रहा था - एक चिपकाए गए लेख के साथ खुलता है जिसकी रिक्ति और फ़ॉन्ट साइट डिज़ाइन से मेल खाते हैं
वर्ड प्रोसेसर से कॉपी किया गया पैराग्राफ स्रोत पर पॉलिश्ड दिख सकता है और फ़ॉन्ट, रिक्ति और रैपर के साथ आ सकता है जो किसी साइट के साथ संघर्ष करता है। ToolAcre उस प्रस्तुति को थोक में संरक्षित नहीं करता है। इसका पेस्ट श्रोता मूल रिच मार्कअप डालने से पहले ऑपरेशन को रोकता है और इसके बजाय फ़िल्टर किए गए प्रतिनिधित्व को चुनता है।
महत्वपूर्ण साक्ष्य स्रोत दृश्य है, न कि यह कि क्या पहला दृश्य प्रभाव मूल दस्तावेज़ जैसा दिखता है। एडिटर जानबूझकर संकीर्ण है: शीर्षक, पैराग्राफ, जोर, सूचियां, उद्धरण, कोड-जैसे तत्व और लिंक जीवित रह सकते हैं, जबकि लेआउट कंटेनर, वर्ग नाम, ID और इनलाइन शैली विशेषताएँ इसके आउटपुट अनुबंध से संबंधित नहीं हैं।
क्लिपबोर्ड में टेक्स्ट के अलावा और भी बहुत कुछ होता है - यह बताता है कि एक रिच-टेक्स्ट कॉपी में सादे टेक्स्ट के साथ-साथ एक HTML फ्लेवर भी शामिल होता है
एक क्लिपबोर्ड एक कॉपी ऑपरेशन के लिए `text/html` और `text/plain` को उजागर कर सकता है। हैंडलर दोनों मांगता है। जब एक HTML पेलोड मौजूद होता है, तो यह उस स्ट्रिंग को साफ करता है और `insertHTML` के साथ पुनः लिखित टुकड़े को सम्मिलित करता है; केवल जब समृद्ध HTML अनुपस्थित होता है तो यह `insertText` के साथ सादा पेलोड सम्मिलित करता है।
वह प्राथमिकता इस पैनल के लिए कोड-सिद्ध है, प्रत्येक एप्लिकेशन के बारे में एक सार्वभौमिक कथन नहीं। यह बताता है कि क्यों एक समृद्ध पेस्ट अपनी उपस्थिति खोते हुए भी एक सूची रख सकता है। स्रोत एप्लिकेशन ने क्लिपबोर्ड HTML लिखा था, लेकिन ToolAcre की अनुमति सूची यह तय करती है कि संपादन योग्य सतह पर कौन सा भाग स्वीकृत है।
यह एडिटर रिच पेस्ट से क्या हटाता है: असमर्थित तत्व, विशेषताएँ और टिप्पणियाँ
असमर्थित तत्वों को दो तरीकों से नियंत्रित किया जाता है। अज्ञात सामान्य रैपरों को खोल दिया जाता है ताकि उनके शब्द बने रहें, जबकि स्क्रिप्ट, शैली, आईफ्रेम, फॉर्म, SVG, MathML और अन्य जोखिम भरे या गैर-एडिटर कंटेनरों को उनकी सामग्री के साथ हटा दिया जाता है। टिप्पणियाँ और सिद्धांत भी मसौदे में शामिल करने के बजाय हटा दिए जाते हैं।
विशेषताएँ दूसरे द्वार का सामना करती हैं। क्लास, ID, शैली, डेटा विशेषताएँ और प्रत्येक ईवेंट हैंडलर हटा दिए जाते हैं क्योंकि अनुमत विशेषताओं को प्रति तत्व नाम दिया गया है। इसका मतलब है कि स्रोत-विशिष्ट वर्ग के नाम और इनलाइन प्रस्तुति ToolAcre द्वारा पेस्ट को फ़िल्टर करने के बाद गंतव्य स्टाइलशीट से नहीं लड़ सकते हैं, हालांकि उपयोगी स्रोत स्टाइल गायब भी हो सकता है।
स्रोत-विशिष्ट रैपर और शैलियाँ अनुमति सूची में क्यों नहीं टिकतीं?
रिपॉजिटरी कैप्चर किए गए वर्ड या Google डॉक्स फिक्स्चर प्रदान नहीं करता है, इसलिए यह आलेख विशेष रिलीज के लिए सटीक `mso-` कक्षाएं, आंतरिक ID या रैपर अनुक्रम का आविष्कार नहीं करता है। यह अनुमति सूची द्वारा सिद्ध परिणाम बता सकता है: कक्षाएं और शैलियाँ हटा दी जाती हैं, भले ही उन्हें किस स्रोत एप्लिकेशन ने आपूर्ति की हो।
वह स्रोत-अज्ञेयवादी नियम एक भंगुर कैटलॉग की तुलना में अधिक मजबूत एडिटरीय मार्गदर्शन है। हटाने की सूचना चिपकाने के बाद उसका निरीक्षण करें। यह अद्वितीय कारणों को रिकॉर्ड करता है जैसे कि असमर्थित रैपर, निषिद्ध विशेषता या अस्वीकृत URL। रिपोर्ट आपको बताती है कि मूल रूप से प्रत्येक टुकड़े को उत्पन्न करने वाले एप्लिकेशन की पहचान करने का नाटक किए बिना इस कार्यान्वयन ने क्या त्याग दिया।
कार्यान्वित उदाहरण: तीन पैराग्राफ चिपकाएँ और फ़िल्टर किए गए मार्कअप को पढ़ें
तीन छोटे पैराग्राफ कॉपी करें, मध्य वाक्य को बोल्ड बनाएं और अंतिम को एक सूची बनाएं। पेस्ट करने के बाद, सोर्स मोड पर स्विच करें। पैराग्राफ, स्ट्रॉन्ग, उल और ली तत्व अनुमति सूची में हैं, जबकि आसपास के डिव को हटा दिया गया है और शैली विशेषताएँ गायब हो गई हैं। लीगेसी बी और आई टैग सामान्यीकृत से मजबूत और ईएम।
अब डिस्पोजेबल स्रोत नमूने में एक असुरक्षित ईवेंट विशेषता जोड़ें और विज़ुअल मोड पर वापस लौटें। उस स्रोत के DOM बनने से पहले विशेषता हटा दी जाती है। यह संपादन सीमा को दर्शाता है, न कि शत्रुतापूर्ण प्रस्तुतियों का सुरक्षित प्रकाशन। प्रोजेक्ट स्पष्ट रूप से पार्सर अंतर के बारे में चेतावनी देता है और अविश्वसनीय सामग्री के लिए उपयुक्त सर्वर-साइड सैनिटाइज़र की आवश्यकता होती है।
सादा-पाठ पेस्ट का उपयोग केवल तभी किया जाता है जब क्लिपबोर्ड कोई HTML फ्लेवर प्रदान नहीं करता है
सादा-पाठ सम्मिलन एक फ़ॉलबैक है, न कि इस टूलबार में उपयोगकर्ता-चयन योग्य "फ़ॉर्मेटिंग के बिना पेस्ट करें" कमांड। यदि क्लिपबोर्ड HTML प्रदान करता है, तो ToolAcre उस शाखा को ले लेता है। एक ब्राउज़र या ऑपरेटिंग-सिस्टम शॉर्टकट एक सादे-केवल पेस्ट को उजागर कर सकता है, लेकिन रिपॉजिटरी विशिष्ट शॉर्टकट व्यवहार को परिभाषित या वादा नहीं करता है।
जब केवल पाठ उपलब्ध होता है, तो `insertText` ब्राउज़र से उन वर्णों को कैरेट पर रखने के लिए कहता है। बाद में बनाई गई कोई भी पैराग्राफ संरचना ब्राउज़र संपादन व्यवहार के अधीन रहती है। यह मानने के बजाय कि किसी अन्य एप्लिकेशन से लाइन ब्रेक स्वचालित रूप से आपकी CMS अपेक्षा वाली संरचना बन जाती है, जानबूझकर शीर्षकों या सूचियों को जोड़ने के लिए स्रोत दृश्य का उपयोग करें।
इसमें क्या शामिल नहीं है - स्वचालित सफ़ाई नियम, CMS-विशिष्ट पेस्ट फ़िल्टर या ट्रैक किए गए परिवर्तनों को संरक्षित करना
यह वर्कफ़्लो ट्रैक किए गए परिवर्तनों, टिप्पणियों, पेज लेआउट, फ़ॉन्ट, रंग, तालिकाओं या छवियों को संरक्षित नहीं करता है। छवियां जानबूझकर अनुपस्थित हैं क्योंकि एक अनुमत छवि एक आउटबाउंड अनुरोध और एक त्रुटि-हैंडलर सतह बनाती है। एडिटर के पास कोई स्रोत-विशिष्ट क्लीनअप प्रोफ़ाइल या स्विच भी नहीं है जो एक कार्यालय सुइट के प्रति निष्ठा का वादा करता हो।
स्थानीय रूप से चिपकाने से यह साबित नहीं होता कि अंतिम गंतव्य समान उपसमूह स्वीकार करेगा। एक CMS अधिक टैग हटा सकता है, लिंक फिर से लिख सकता है या अपनी नीति लागू कर सकता है। गंतव्य दस्तावेज़ के साथ एडिटर आउटपुट की तुलना करें, और एक मूल प्रति रखें जब असमर्थित स्वरूपण खोने से केवल प्रस्तुति के बजाय जानकारी हट जाएगी।
टेकअवे: प्रकाशित करने से पहले देखें - निरीक्षण आदत का सारांश देता है और कैसे ToolAcre का HTML WYSIWYG एडिटर आपको स्थानीय रूप से पेस्ट करने और कहीं भी जाने से पहले मार्कअप देखने की सुविधा देता है
प्रकाशन से पहले देखें: एक प्रतिनिधि, गैर-संवेदनशील अंश चिपकाएँ, निष्कासन चेतावनी पढ़ें, स्रोत की जाँच करें और फ़िल्टर किए गए परिणाम का पूर्वावलोकन करें। ToolAcre आपकी साइट पर विदेशी प्रस्तुति को चुपचाप ले जाने के बजाय एक स्पष्ट अनुमति सूची देता है। इससे सफ़ाई दृश्यमान हो जाती है, लेकिन यह मनमाने ढंग से HTML को सुरक्षित प्रमाणित नहीं करता है।
यदि आवश्यक संरचना गायब हो गई है, तो समर्थित शीर्षकों, पैराग्राफों, सूचियों, जोर और लिंक के साथ इसका पुनर्निर्माण करें। यदि लक्ष्य कम स्वीकार करता है, तो वहां और सरलीकरण करें। सही कलाकृति स्रोत दस्तावेज़ की निकटतम दृश्य नकल नहीं है; यह समीक्षित मार्कअप है जिसका अर्थ और गंतव्य नीति दोनों समझे जाते हैं।