HTML से Markdown कन्वर्टर

HTML to Markdown कन्वर्टर एक मुफ़्त ऑनलाइन टूल है जो HTML को साफ़ Markdown में बदलता है। यह कॉन्फ़िगर करने योग्य बुलेट/हेडिंग/लिंक/कोड स्टाइल के साथ हेडिंग, सूचियाँ, टेबल, कोड ब्लॉक, लिंक और इमेज का समर्थन करता है। यह पूरी तरह आपके ब्राउज़र में चलता है, बिना किसी इंस्टॉलेशन या साइन-अप के।

यह ब्राउज़र के DOMParser से HTML को पार्स करता है और नोड ट्री में चलकर Markdown तैयार करता है, जिसमें हेडिंग, सूचियाँ, कोड ब्लॉक, टेबल, लिंक और इमेज शामिल हैं। यह क्लाइंट-साइड चलता है।

CommonMark के साथ टेबल और स्ट्राइकथ्रू के लिए GFM एक्सटेंशन। ATX या Setext हेडिंग, फेंस्ड या इंडेंटेड कोड ब्लॉक, और इनलाइन या रेफरेंस लिंक चुनें।

नहीं। कन्वर्ज़न पूरी तरह आपके ब्राउज़र में DOMParser के माध्यम से होता है। कुछ भी किसी सर्वर पर नहीं भेजा जाता।

हाँ, HTML to Markdown कन्वर्टर 100% मुफ़्त है, बिना किसी रजिस्ट्रेशन, छिपे शुल्क या उपयोग सीमा के। सारी प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है, जिससे पूरी निजता सुनिश्चित होती है।

बिल्कुल। HTML to Markdown कन्वर्टर सब कुछ आपके ब्राउज़र में क्लाइंट-साइड प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहित नहीं किया जाता। आपका कंटेंट हर समय आपके डिवाइस पर निजी रहता है।

हाँ, HTML to Markdown कन्वर्टर पूरी तरह रिस्पॉन्सिव है और स्मार्टफोन व टैबलेट पर काम करता है। आप इसे किसी भी आधुनिक वेब ब्राउज़र वाले डिवाइस पर इस्तेमाल कर सकते हैं, किसी ऐप डाउनलोड की ज़रूरत नहीं।

किसी खाते या रजिस्ट्रेशन की ज़रूरत नहीं है। बस अपने ब्राउज़र में HTML to Markdown कन्वर्टर खोलें और तुरंत इस्तेमाल शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।

हाँ, HTML to Markdown कन्वर्टर किसी भी लंबाई के टेक्स्ट को तेज़, रियल-टाइम प्रोसेसिंग के साथ संभालता है। चूँकि सब कुछ आपके ब्राउज़र में चलता है, प्रदर्शन आपके डिवाइस पर निर्भर करता है, पर अधिकांश मामलों में अच्छा काम करता है।

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

इनलाइन लिंक URL को टेक्स्ट के ठीक बगल में रखते हैं, जैसे [Toolbox](https://getthetoolbox.com), जो एक अकेले लिंक के लिए पढ़ने में तेज़ है लेकिन कई रेफ़रेंस वाले लंबे पैराग्राफ़ को अव्यवस्थित कर देता है। रेफ़रेंस-स्टाइल लिंक लेबल को एड्रेस से अलग रखते हैं: टेक्स्ट में [Toolbox][1] दिखता है, और असली URL डॉक्यूमेंट के नीचे इकट्ठी की गई एक नंबर वाली लिस्ट में रहता है, जैसे [1]: https://getthetoolbox.com। दिखने वाला प्रोज़ साफ़ और स्कैन करने में आसान बना रहता है, और आप बार-बार आने वाले लिंक के लिए एक ही डेफ़िनिशन दोबारा इस्तेमाल कर सकते हैं। दोनों स्टाइल में से कोई भी रेंडर हुए पेज के दिखने के तरीके को नहीं बदलता; ये सिर्फ़ raw सोर्स को प्रभावित करते हैं। यह कन्वर्टर आपको Link style ऑप्शन के तहत दोनों में से कोई भी चुनने देता है, और जब आप रेफ़रेंस चुनते हैं, तो यह हर anchor को अपने-आप एक नंबर वाली फ़ुटर लिस्ट में इकट्ठा कर देता है ताकि आपको इंडेक्स खुद मैनेज न करने पड़ें।

Markdown *, _, #, [, ], और backticks जैसे कैरेक्टर्स को फ़ॉर्मेटिंग सिंटैक्स मानता है, इसलिए अगर आपके HTML टेक्स्ट में ये लिटरली मौजूद हों, तो रेंडरर को उन्हें गलत तरीके से पढ़ने से रोकने के लिए इन्हें बैकस्लैश से escape करना ज़रूरी होता है। उदाहरण के लिए, report_2024 नाम की फ़ाइल का ज़िक्र करने वाला वाक्य बिना escape किए इटैलिक टेक्स्ट में बदल जाता, क्योंकि underscore emphasis को ट्रिगर करते हैं। कन्वर्टर सामान्य टेक्स्ट में इन खास कैरेक्टर्स को escape कर देता है ताकि आउटपुट बिल्कुल वैसे ही रेंडर हो जैसे मूल पेज पढ़ा जाता था, बिना किसी गलती से बोल्ड, इटैलिक, या टूटे हुए लिंक के। फ़ेंस्ड कोड ब्लॉक्स के अंदर कैरेक्टर्स को छुआ नहीं जाता, क्योंकि कोड को जस-का-तस दिखना चाहिए। अगर आपके मामले में कोई बैकस्लैश गैर-ज़रूरी लगे, तो वह असल में एक ऐसे कैरेक्टर की रक्षा कर रहा है जिसे अन्यथा मार्कअप समझ लिया जाता। अपना HTML पेस्ट करें और जैसे-जैसे आप टाइप करेंगे, escaping अपने-आप लागू हो जाएगी।

जब टूल को कोई <pre><code> ब्लॉक मिलता है, तो वह डिफ़ॉल्ट रूप से कंटेंट को एक फ़ेंस्ड कोड ब्लॉक में लपेट देता है, ऊपर और नीचे ट्रिपल बैकटिक्स लगाकर ताकि कोड लाइन ब्रेक्स के बावजूद बरकरार रहे। अगर मूल <code> एलिमेंट पर language-javascript या language-python जैसी CSS क्लास लगी हो, तो कन्वर्टर उस नाम को पढ़कर ओपनिंग फ़ेंस में जोड़ देता है, जिससे ```javascript बनता है। यही language hint है जिसे GitHub, GitLab, और ज़्यादातर static-site जनरेटर्स सिंटैक्स हाइलाइटिंग लगाने के लिए इस्तेमाल करते हैं। इसके उलट, इनलाइन <code> स्पैन्स को सिंगल बैकटिक्स में लपेटा जाता है। अगर आपका टारगेट रेंडरर कोई पुराना CommonMark इंजन है जो इंडेंटेशन पसंद करता है, तो Code block style ऑप्शन को indented पर स्विच कर दें, जो फ़ेंस की जगह हर लाइन के आगे चार स्पेस लगा देता है। अपना HTML पेस्ट करें और अपने कोड को साफ़-सुथरा फ़ेंस्ड और language-tagged बनते देखें।

हाँ। कन्वर्टर <table> एलिमेंट्स को पहचानता है और उन्हें GitHub-Flavored Markdown पाइप टेबल्स के रूप में दोबारा बनाता है, जहाँ कॉलम्स को | कैरेक्टर से अलग किया जाता है और डैशों की एक रो हेडर और बॉडी के बीच की सीमा तय करती है। पहला <tr>, या <thead> के अंदर के कोई भी सेल्स, हेडर रो बन जाते हैं, और बाकी रोज़ उसके नीचे भर जाती हैं। यह सीधे-सादे डेटा ग्रिड्स के लिए अच्छी तरह काम करता है, जो वेब पेजों से कॉपी किए जाने वाले ज़्यादातर टेबल्स को कवर करता है। ध्यान रखें कि Markdown टेबल्स जानबूझकर सिंपल रखे गए हैं, इसलिए मर्ज्ड सेल्स (colspan या rowspan) और किसी सेल के अंदर नेस्टेड ब्लॉक एलिमेंट्स जैसे एडवांस्ड HTML फ़ीचर्स का कोई सीधा समकक्ष नहीं है और वे साफ़-साफ़ ट्रांसफ़र नहीं हो सकते। साफ़, अच्छी तरह स्ट्रक्चर्ड टेबल्स के लिए नतीजा सीधे किसी README या wiki में पेस्ट करने लायक होता है। अपने टेबल का HTML पेस्ट करके आज़माएँ।

यह पूरी तरह इस बात पर निर्भर करता है कि आपका सोर्स कितने टैग्स से भरा है, लेकिन Markdown लगभग हमेशा काफ़ी छोटा होता है क्योंकि यह उन एंगल-ब्रैकेट टैग्स, इनलाइन स्टाइल्स, क्लास attributes, और ट्रैकिंग मार्कअप को हटा देता है जो वेब HTML में जमा होते जाते हैं। <h2 class="title">Hello</h2> के रूप में लिखी गई हेडिंग सिमटकर सिर्फ़ ## Hello बन जाती है, और एक स्टाइल्ड पैराग्राफ़ अपने सभी wrapper attributes खो देता है जबकि शब्द बने रहते हैं। WYSIWYG एडिटर्स से एक्सपोर्ट किए गए या लाइव साइट्स से स्क्रैप किए गए पेजेस सबसे ज़्यादा सिकुड़ते हैं, क्योंकि उन पर सबसे भारी फ़ॉर्मेटिंग ओवरहेड होता है। कोई फ़िक्स्ड अनुपात बताने के बजाय, यह टूल इसे आपके लिए मापता है: यह इनपुट HTML और आउटपुट Markdown दोनों का बाइट साइज़ और लाइन काउंट दिखाता है, ताकि आप अपने खास कंटेंट के लिए सटीक कमी देख सकें। अपना HTML पेस्ट करें और दोनों काउंट्स को साथ-साथ तुलना करें।