मुख्य सामग्री पर जाएँ

मुफ़्त मार्कडाउन संपादक

वास्तविक समय में मार्कडाउन लिखें और पूर्वावलोकन करें। शीर्षकों, बोल्ड, इटैलिक, कोड ब्लॉक, तालिकाओं और सूचियों का समर्थन करता है।

लोड होने के बाद ऑफ़लाइन काम करता है
97 शब्द · 560 अक्षर
Markdown
पूर्वावलोकन
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Markdown संपादक में आपका स्वागत है</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">बाईं ओर <strong>Markdown</strong> लिखें, दाईं ओर लाइव पूर्वावलोकन देखें।</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">विशेषताएं</h3> <ul class="list-disc list-inside my-3 space-y-0.5 text-slate-700 dark:text-slate-300"><li class="my-0.5"><strong>बोल्ड</strong>, <em>इटैलिक</em>, और <del>strikethrough</del></li><li class="my-0.5"><code class="bg-slate-100 dark:bg-slate-800 text-pink-600 dark:text-pink-400 rounded px-1 py-0.5 text-[0.85em] font-mono">Inline code</code> और fenced code blocks</li><li class="my-0.5"><a href="https://libratool.com" target="_blank" rel="noopener noreferrer" class="text-teal-600 dark:text-teal-400 underline underline-offset-2">लिंक्स</a></li><li class="my-0.5">सूचियां, उद्धरण, तालिकाएं और बहुत कुछ</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">कोड उदाहरण</h3> <pre class="bg-slate-900 dark:bg-slate-950 text-slate-100 rounded-lg p-4 overflow-x-auto text-sm font-mono my-4"><code class="language-javascript">function greet(name) { return `Hello, ${name}!`; }</code></pre> <blockquote class="border-l-4 border-teal-400 dark:border-teal-600 pl-4 my-3 text-slate-600 dark:text-slate-400 italic">Markdown को 2004 में John Gruber द्वारा वेब के लिए लेखन को आसान बनाने के लिए बनाया गया था।</blockquote> <table class="my-4 w-full text-sm border-collapse"><thead><tr><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">विशेषता</th><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">समर्थित</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">शीर्षक</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">सूचियां</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">तालिकाएं</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">कोड</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown त्वरित संदर्भ
# Heading 1H1
**bold**बोल्ड
*italic*इटैलिक
`code`इनलाइन कोड
- itemबुलेट सूची
1. itemक्रमांकित सूची
> quoteउद्धरण ब्लॉक
[text](url)लिंक
![alt](url)चित्र
---विभाजक

सामान्य उपयोग

  • Markdown में API दस्तावेज़ लिखेंMarkdown में एंडपॉइंट विवरण, अनुरोध/प्रतिक्रिया उदाहरण और पैरामीटर टेबल का मसौदा तैयार करें।
  • Markdown में नोट लेंMarkdown में संरचित नोट लिखें जिन्हें Notion, Obsidian, Bear या किसी भी Markdown ऐप्स में पेस्ट किया जा सकता है।
  • Markdown में GitHub README लिखेंलाइव Markdown रेंडरिंग के साथ अपनी GitHub रिपॉजिटरी README तैयार करें और पूर्वावलोकन करें।
  • तकनीकी दस्तावेज लिखेंप्रकाशित करने से पहले Markdown में API दस्तावेज, विकिस और तकनीकी गाइड लिखें और पूर्वावलोकन करें।
  • Markdown में ब्लॉग पोस्ट लिखेंGhost, Jekyll, Hugo, Hashnode और अन्य Markdown-आधारित प्रकाशन प्लेटफॉर्म के लिए ब्लॉग पोस्ट तैयार करें।

यह कैसे काम करता है

प्रीव्यू टूल में सीधे बनाए एक हाथ से लिखे Markdown पार्सर द्वारा रेंडर होती है — कोई marked नहीं, कोई remark नहीं, कोई बाहरी लाइब्रेरी नहीं। यह सोर्स को ब्राउज़र में लाइन-दर-लाइन टोकनाइज़ करता है, सिंटैक्स को HTML में बदलता है जो फिर दिखाने से पहले एक sanitizer से गुज़रता है।

  1. 1
    लाइन-दर-लाइन टोकनाइज़ेशन
    कस्टम renderMarkdown फ़ंक्शन आपके सोर्स को न्यूलाइन पर विभाजित करता है और एक ही पास में उन पर चलता है, fenced कोड ब्लॉक, headings (H1–H6), blockquotes, ordered और unordered lists, GFM टेबल (कॉलम-अलाइनमेंट के साथ), horizontal rules, और पैराग्राफ़ को प्राथमिकता क्रम में मैच करते हुए।
  2. 2
    इनलाइन सिंटैक्स विस्तार
    हर एकत्रित लाइन या सेल फिर inlineMarkdown से प्रोसेस होती है, रेगेक्स रिप्लेसमेंट की एक चेन जो bold (** और __), italic (* और _), bold-italic (***), strikethrough (~~), इनलाइन कोड, images (![alt](url)), और links ([text](url)) हैंडल करती है — images links से पहले हल की जाती हैं ताकि ! प्रीफ़िक्स ग़लत तरीक़े से न खाया जाए।
  3. 3
    सैनिटाइज़ेशन और रिमोट-रिसोर्स ब्लॉकिंग
    रेंडरर द्वारा बनाया रॉ HTML असुरक्षित टैग और एट्रिब्यूट जैसे <script>, onerror हैंडलर, और javascript: hrefs हटाने के लिए एक sanitizer (sanitize-html) से गुज़रता है। एक दूसरा पास (neutralizeRemote) डिफ़ॉल्ट रूप से रिमोट इमेज src वैल्यू को प्लेसहोल्डर से बदलता है, आपके सहमत होने से पहले प्रीव्यू को चुपचाप बाहरी सर्वरों पर 'फ़ोन होम' करने से रोकते हुए।
  4. 4
    .md या स्टैंडअलोन .html के रूप में एक्सपोर्ट करें
    Markdown कॉपी या डाउनलोड करना रॉ सोर्स टेक्स्ट लिखता है। HTML डाउनलोड करना सैनिटाइज़ किए आउटपुट को अपनी इनलाइन स्टाइलशीट के साथ एक स्व-निहित दस्तावेज़ में लपेटता है — Tailwind क्लास केवल साइट के अंदर काम करती हैं, इसलिए एक्सपोर्ट इसके बजाय सादे CSS नियम बंडल करता है, फ़ाइल को कहीं भी पढ़ने योग्य बनाते हुए।

संबंधित टूल

अक्सर पूछे जाने वाले प्रश्न