💓 🤵🏾 💪 Habr कनवर्टर: यह आसान बनाने के लिए 👩🏼‍🤝‍👩🏻 👩🏿‍🚀 ⚽️

निश्चित रूप से आप में से कई ने कम से कम एक बार एक हब कनवर्टर का उपयोग किया था, जिसे आधिकारिक तौर पर हैबर प्रशासन द्वारा सिफारिश की जाती है - https://shirixae.imtqy.com/habraconverter-v2/ । कुछ साल पहले इसे एक हैब्रोवाचिन द्वारा बनाया गया थाmeta4, और फिर अंतिम रूप दिया गया Shirixae। सिद्धांत सरल है: पोस्ट, Ctrl-A, Ctrl-C के साथ Google खाता खोलें और इसे कनवर्टर विंडो में पेस्ट करें। बटन "कन्वर्ट" दबाएं और एक तैयार-किए गए लेआउट कोड प्राप्त करें जिसे हैबर संपादक में डाला जा सकता है और प्रकाशित किया जा सकता है। उससे पहले, आपको कुछ छोटी चीजों को खत्म करने और ठीक करने की आवश्यकता है ।

और सब कुछ ठीक होगा यदि आपको बहुत बार नहीं करना है। या पोस्ट छोटे, सरल हैं। लेकिन यदि आप बहुत अधिक टाइपिंग कर रहे हैं, और पोस्ट में चित्र, टेबल और कोड के टुकड़े हैं, तो आपको समय-समय पर एक रूटीन करना होगा: आवश्यक खाली लाइनें डालें और अतिरिक्त को हटा दें, टैग <surce>को बदलें <cde>, आदि। आदि। हमने एक दिन बिताने का फैसला किया, फिर एक घंटे में उड़ान भरने के लिए, और कनवर्टर खत्म किया।

नया संस्करण यहां है , और कट के तहत सुधार की एक सूची है।

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

बेशक, जब आप किसी और के कोड को तोड़ते हैं और कुछ को फिर से करते हैं, तो बग को आसानी से बनाना आसान है। प्रारंभ में, संपादन की सूची इस प्रकार थी:

पैराग्राफ के बाद, आपको दो स्थानान्तरण करने की आवश्यकता है ताकि पैराग्राफ के बीच एक खाली रेखा दिखाई दे।
तस्वीरों के साथ एक ही बात: टैग <img>को ऊपर और नीचे खाली लाइनों द्वारा अलग किया जाना चाहिए।
आपको </surce>केवल एक लाइन ब्रेक (खाली लाइन के बिना) की आवश्यकता है।
</li> , , .
</a> .
</tble> .
</h> , .
, .
</ul> , .
</blockqoute>.

, <cde>, <surce> ( ).
, <tble></tble> <cde>, <surce>.
<b> <strng>.
हेडिंग से जबरन बोल्ड टेक्स्ट और लिस्ट टैग हटा दिए गए थे - जिन लोगों को इसकी जरूरत है, उन्हें हाथ से डाला जाएगा, लेकिन आमतौर पर यह बहुत ही कम होता है।

ऐसे कीड़े को ठीक किया:

सामग्री को संसाधित न करें <>, यह हमेशा अपरिवर्तित रहना चाहिए। उदाहरण : <img src="https://habrastorage.org/getpro/habr/post_images/208/1cc/1fa/2081cc1fa6dbebbbb6ddd4108512ff5b.png" align="cnter">पाठ में कोड रूपांतरण के बाद समान रहना चाहिए।
जब वे आसन्न होते हैं तो किसी प्रकार का संघर्ष होता है <ul>और <h>उनके बीच अनावश्यक खाली रेखाएँ उत्पन्न होती हैं।
इस प्रक्रिया में, हमारे कनवर्टर ने अचानक अतिरिक्त लाइनें डालना शुरू कर दिया, जहां उन्हें नहीं होना चाहिए। फिर कुछ बिंदुओं पर एक्स्ट्रा कोट्स-फ़िर-ट्री को इमेज टैग में जोड़ा जाने लगा, मुझे इसे भी काटना पड़ा:<img src="«https://habrastorage.org/getpro/habr/post_images/208/1cc/1fa/2081cc1fa6dbebbbb6ddd4108512ff5b.png»" lign="«center»">
जब लेआउट में पहली छवि में lign="center"और अन्य सभी में एक विशेषता डाली गई थी, तो वे अप्रत्याशित व्यवहार से आगे निकल गए lign="middle"।

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

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

स्रोत: https://github.com/AloneCoder/habrconverter

थूथन: https://alonecoder.imtqy.com/habrconverter/

Habr कनवर्टर: यह आसान बनाने के लिए

More articles: