QuickATools

डेवलपर टूल्स · Free browser tool

Markdown लाइव प्रीव्यूअर

Markdown सिंटैक्स रियल-टाइम लिखें और प्रीव्यू करें। बिना किसी सर्वर-साइड डेटा ट्रैकिंग के स्वच्छ HTML तुरंत विज़ुअलाइज़ करें।

Markdown editor

Split view · compact client-side parser · HTML is escaped before render.

Source

596 chars

Live preview

Markdown Live Previewer

Write GitHub-style notes, README drafts, or AI prompt guides and preview them instantly.

Why this helps

  • See headings, lists, and emphasis as you type
  • Check italics, bold, and strikethrough
  • Keep drafts private — nothing leaves your browser

Inline & block code

Use npm run build for a quick check, or a fenced block:

function greet(name: string) {
  return `Hello, ${name}!`;
}

Tip: Paste a README draft here before you push it.

Links

Read more about CommonMark when you need the full spec.

Frequently Asked Questions

Markdown क्या है और इतने डॉक क्यों इस्तेमाल करते हैं?

Markdown प्लेन-टेक्स्ट फ़ॉर्मैटिंग सिंटैक्स है जिससे सरल मार्कर से स्ट्रक्चर्ड दस्तावेज़ लिखते हैं — हेडिंग के लिए #, लिस्ट के लिए * या -, **बोल्ड**, और फेंस्ड कोड ब्लॉक — फिर वह टेक्स्ट HTML में कन्वर्ट। यह रॉ रूप में पठनीय रहता है, git में साफ़ डिफ होता है, और GitHub README, इश्यू टेम्प्लेट और कई स्टैटिक-साइट जेनरेटर का डिफ़ॉल्ट है।

यह प्रीव्यूअर कौन-सी Markdown सुविधाएँ सपोर्ट करता है?

यह रोज़मर्रा का सबसेट कवर करता है जिसकी ज़्यादातर ड्राफ्ट को ज़रूरत: ATX हेडिंग (h1–h3), पैराग्राफ, बोल्ड/इटैलिक/स्ट्राइकथ्रू, अनऑर्डर्ड और ऑर्डर्ड लिस्ट, ब्लॉककोट, इनलाइन कोड, फेंस्ड कोड ब्लॉक, हॉरिज़ॉन्टल रूल और http(s)/mailto लिंक। जानबूझकर कॉम्पैक्ट है, पूर्ण CommonMark/GFM इंजन नहीं — टेबल या टास्क लिस्ट जैसे एडवांस्ड एक्सटेंशन स्कोप से बाहर ताकि बंडल छोटा रहे।

लाइव प्रीव्यू कंटेंट उत्पादकता कैसे सुधारता है?

टूटे फेंस, अजीब हेडिंग लेवल और लिस्ट फ़ॉर्मैटिंग को कमिट या CMS पब्लिश के बाद नहीं, लिखते समय पकड़ते हैं। Visual Preview और HTML Source के बीच स्विच तब भी मदद करता है जब ब्लॉग CMS या ईमेल टेम्प्लेट के लिए रेंडर्ड मार्कअप चाहिए बिना टैग कैसे नेस्ट होंगे अनुमान लगाए।

क्या मेरा ड्राफ्ट कहीं अपलोड या स्टोर होता है?

नहीं। पार्सिंग और रेंडरिंग पूरी तरह ब्राउज़र में। इनपुट में रॉ HTML प्रीव्यू से पहले एस्केप होता है ताकि पेस्ट टैग एक्ज़ीक्यूट न हों, और सर्वर पर कुछ नहीं — आंतरिक रनबुक, अनरिलीज़्ड README ड्राफ्ट और AI प्रॉम्प्ट गाइड के लिए सुरक्षित जो मशीन नहीं छोड़ने चाहिए।

टूल्स जिनकी आपको भी ज़रूरत हो सकती है

विक्रेताओं, क्रिएटर्स और प्रोफेशनल्स के लिए अन्य मुफ़्त ब्राउज़र यूटिलिटीज़ देखें।

बिना ब्राउज़र छोड़े README ड्राफ्ट और प्रॉम्प्ट गाइड प्रीव्यू करें

Markdown GitHub README, इश्यू टेम्प्लेट, ब्लॉग ड्राफ्ट और AI प्रॉम्प्ट लाइब्रेरी की डिफ़ॉल्ट बोली है — लेकिन सोर्स अकेले शायद ही दिखाए कि हेडिंग पदानुक्रम साफ़ पढ़ता है, कोड फेंस बंद हुआ या लिस्ट अपेक्षित रूप से रेंडर होगी। लाइव प्रीव्यू वह अंदाज़ा समेटता है: एक तरफ़ टाइप करें, दूसरी तरफ़ स्ट्रक्चर्ड HTML देखें, और कमिट/पब्लिश से पहले फ़ॉर्मैटिंग ठीक करें।

यह प्रीव्यूअर जानबूझकर हल्का है। बड़ा Markdown इंजन शिप करने के बजाय यह सिंटैक्स के व्यावहारिक सबसेट — हेडिंग, एम्फेसिस, लिस्ट, कोट, इनलाइन और फेंस्ड कोड, और सेफ लिंक — को कॉम्पैक्ट क्लाइंट-साइड पार्सर से कन्वर्ट करता है। ड्राफ्ट में रॉ HTML पहले एस्केप होता है, इसलिए पेस्ट किए <script> टैग प्रीव्यू पेन में एक्ज़ीक्यूट नहीं हो सकते।

क्योंकि सब लोकल चलता है, अधूरे डॉक, आंतरिक रनबुक और प्रॉम्प्ट गाइड कभी मशीन नहीं छोड़ते। कोई अकाउंट वॉल और कोई अपलोड स्टेप नहीं — टूल खोलें, ड्राफ्ट पेस्ट करें, Visual Preview और HTML Source के बीच स्विच करें, फिर रेंडर्ड मार्कअप कॉपी करें या .md फ़ाइल डाउनलोड करें।

अन्य डेवलपर यूटिलिटी के साथ जोड़ें: WCAG Color Contrast Checker में लिंक या हेडिंग कंट्रास्ट जाँचें, JSON Formatter & Validator से JSON फ्रंट मैटर साफ़ करें, या Regex Tester में डॉक्यूमेंटेशन regex डिबग करें। डॉक में एनकोडेड स्निपेट के लिए Base64 Encode/Decode इस्तेमाल करें।