HTML से Markdown कनवर्टर - HTML को MD और MD को HTML में बदलें ऑनलाइन
टेबल, टास्क लिस्ट और स्ट्राइकथ्रू के लिए GFM समर्थन के साथ HTML और Markdown प्रारूपों के बीच द्विदिशात्मक रूपांतरण करें। 100% क्लाइंट-साइड, आपका डेटा कभी भी आपके ब्राउज़र से बाहर नहीं जाता।
अक्सर पूछे जाने वाले प्रश्न
HTML से Markdown कनवर्टर क्या है?
HTML से Markdown कनवर्टर एक उपकरण है जो HTML मार्कअप (वेब पेज संरचना के लिए टैग-आधारित भाषा) को Markdown सिंटैक्स (एक हल्का, मानव-पठनीय फॉर्मेटिंग भाषा) में बदलता है। उदाहरण के लिए, <code><h1>शीर्षक</h1></code> <code># शीर्षक</code> बन जाता है, <code><strong>बोल्ड</strong></code> <code>**बोल्ड**</code> बन जाता है। यह HTML-आधारित CMS (WordPress, Drupal) से Markdown-आधारित सिस्टम (Hugo, Jekyll, Gatsby) में सामग्री माइग्रेट करने, वेब स्क्रैप की गई सामग्री को साफ करने, या HTML दस्तावेज़ को GitHub रिपॉजिटरी के लिए Markdown फ़ाइलों में बदलने के लिए उपयोगी है।
इस HTML से Markdown कनवर्टर का उपयोग कैसे करें?
1. रूपांतरण दिशा चुनें: <strong>HTML से Markdown</strong> या <strong>Markdown से HTML</strong>। 2. इनपुट क्षेत्र में सामग्री पेस्ट करें, या <strong>Sample</strong> बटन पर क्लिक करें, या <strong>Upload</strong> बटन से फ़ाइल लोड करें। 3. टाइप करते ही रीयल-टाइम में रूपांतरण होता है। 4. HTML से Markdown के लिए, फ़ॉर्मेटिंग विकल्प (शीर्षक शैली, बुलेट मार्कर, कोड ब्लॉक शैली) समायोजित करें। 5. आउटपुट क्षेत्र में परिवर्तित परिणाम की समीक्षा करें। 6. <strong>Copy</strong> बटन से क्लिपबोर्ड पर कॉपी करें या <strong>Download</strong> से फ़ाइल सेव करें। 7. <strong>Swap</strong> बटन से दिशा को तुरंत उलट दें।
क्या मेरा डेटा सुरक्षित है? क्या यह सर्वर पर भेजा जाता है?
आपका डेटा 100% सुरक्षित है और कभी भी आपके ब्राउज़र से बाहर नहीं जाता। यह कनवर्टर Turndown लाइब्रेरी (HTML से Markdown के लिए) और Marked लाइब्रेरी (Markdown से HTML के लिए) का उपयोग करता है, दोनों पूरी तरह से क्लाइंट-साइड JavaScript में चलते हैं। कोई डेटा किसी सर्वर पर नहीं भेजा जाता, किसी डेटाबेस में संग्रहीत नहीं होता, या कहीं लॉग नहीं होता। सभी पार्सिंग और रूपांतरण आपके डिवाइस पर स्थानीय रूप से होता है।
Markdown में रूपांतरण के लिए कौन से HTML तत्व समर्थित हैं?
यह कनवर्टर सभी मानक HTML तत्वों का समर्थन करता है जिनके Markdown समकक्ष हैं: शीर्षक (h1-h6), पैराग्राफ (p), बोल्ड (strong/b), इटैलिक (em/i), स्ट्राइकथ्रू (del/s), लिंक (a), इमेज (img), क्रमबद्ध/अक्रमबद्ध सूचियाँ (ol/ul/li), ब्लॉककोट (blockquote), कोड ब्लॉक (pre/code), इनलाइन कोड (code), क्षैतिज रेखा (hr), और टेबल। GitHub Flavored Markdown एक्सटेंशन जैसे टेबल, टास्क लिस्ट और स्ट्राइकथ्रू भी समर्थित हैं।
HTML में रूपांतरण के लिए कौन सा Markdown सिंटैक्स समर्थित है?
Markdown से HTML दिशा पूर्ण CommonMark विनिर्देश और GitHub Flavored Markdown (GFM) एक्सटेंशन का समर्थन करती है। इसमें शामिल हैं: शीर्षक (ATX # और Setext), एम्फेसिस और स्ट्रॉन्ग (* और **), लिंक (इनलाइन और रेफरेंस), इमेज, फेंस्ड कोड ब्लॉक, ब्लॉककोट, क्रमबद्ध/अक्रमबद्ध सूचियाँ (नेस्टेड सहित), क्षैतिज रेखा, GFM टेबल, टास्क लिस्ट, स्ट्राइकथ्रू और ऑटोलिंक URL।
क्या मैं Markdown आउटपुट फ़ॉर्मेट को कस्टमाइज़ कर सकता हूँ?
हाँ, HTML से Markdown में रूपांतरण करते समय, आप कई आउटपुट फ़ॉर्मेटिंग विकल्प कॉन्फ़िगर कर सकते हैं: <strong>शीर्षक शैली</strong> (# प्रतीकों के साथ ATX या रेखांकन के साथ Setext), <strong>बुलेट मार्कर</strong> (डैश -, तारांकन *, या प्लस +), और <strong>कोड ब्लॉक शैली</strong> (बैकटिक फेंस या 4 स्पेस इंडेंट)। सभी विकल्प URL में सिंक होते हैं, इसलिए आप अपनी पसंदीदा सेटिंग्स के साथ लिंक साझा कर सकते हैं।
रूपांतरण के दौरान HTML में CSS स्टाइल और JavaScript का क्या होता है?
CSS स्टाइल (इनलाइन स्टाइल एट्रिब्यूट और क्लास नाम), JavaScript कोड (स्क्रिप्ट टैग और इवेंट हैंडलर), और अन्य गैर-सामग्री तत्व रूपांतरण के दौरान हटा दिए जाते हैं। कनवर्टर केवल सामग्री-स्तरीय रूपांतरण पर केंद्रित है — यह HTML से दृश्य स्टाइलिंग नहीं, बल्कि सिमेंटिक संरचना और टेक्स्ट सामग्री निकालता है। यह डिज़ाइन द्वारा है, क्योंकि Markdown एक सामग्री प्रारूप है जो स्टाइलिंग का समर्थन नहीं करता।
कोड उदाहरण
// HTML to Markdown conversion using Turndown library
// Install: npm install turndown turndown-plugin-gfm
const TurndownService = require('turndown');
const { gfm } = require('turndown-plugin-gfm');
function htmlToMarkdown(html, options = {}) {
const {
headingStyle = 'atx',
bulletListMarker = '-',
codeBlockStyle = 'fenced',
} = options;
try {
const turndownService = new TurndownService({
headingStyle,
bulletListMarker,
codeBlockStyle,
hr: '---',
fence: '```',
emDelimiter: '_',
strongDelimiter: '**',
linkStyle: 'inlined',
});
turndownService.use(gfm);
const markdown = turndownService.turndown(html);
return { success: true, output: markdown };
} catch (error) {
return { success: false, error: error.message };
}
}
// Markdown to HTML using marked
// Install: npm install marked
const { marked } = require('marked');
function markdownToHtml(markdown) {
try {
const html = marked.parse(markdown, { gfm: true });
return { success: true, output: html };
} catch (error) {
return { success: false, error: error.message };
}
}
// Example usage
const html = '<h1>Hello</h1><p>This is <strong>bold</strong></p>';
const result = htmlToMarkdown(html);
console.log(result.output);
// Output: # Hello\n\nThis is **bold**