Markdown Preview
Markdown ko live preview ke saath HTML mein render karein.
Aapka Markdown aapke browser mein locally render hota hai aur kuch bhi server par upload nahi hota.
MDX docs par kaam kar rahe hain? MDX Converter try karein.
Markdown Preview ke baare mein
Yeh markdown preview tool aapke Markdown ko type karte hi side by side saaf HTML mein render karta hai, taaki aap dekh sakein ki ek README, doc, ya comment kaisa dikhega. Yeh GitHub-flavoured Markdown (GFM) support karta hai, jisme tables, fenced code blocks, task-style lists, blockquotes, links, aur inline formatting shamil hain. Ise ek quick markdown editor aur markdown viewer ki tarah istemaal karein documentation draft karne, repo mein push karne se pehle formatting check karne, ya markdown ko html mein convert karke result CMS mein paste karne ke liye. Rendered output sanitised hota hai, scripts aur event handlers safe preview ke liye hata diye jaate hain. Yeh un developers, technical writers, aur QA ke liye banaya gaya hai jinhein tej, sahi gfm preview chahiye. Sab kuch aapke browser mein locally process hota hai, isliye aapka draft device se bahar nahi jaata.
Features
- Live side-by-side preview jo type karte hi update hota hai
- GitHub-flavoured Markdown jisme tables, fenced code blocks aur task lists shamil hain
- Headings, lists, blockquotes, links aur inline emphasis support karta hai
- Single newlines line breaks ke roop mein render hote hain, comment-style Markdown se milte-julte
- Sanitised output scripts, iframes, event handlers aur unsafe HTML hata deta hai
- Rendered HTML ko ek click mein clipboard par copy karein
- Result ko taiyaar .html file ke roop mein download karein
- Poori tarah aapke browser mein chalta hai
Markdown Preview kaise use karein
- Apna Markdown baayein input box mein type ya paste karein.
- Rendered HTML ko Preview pane mein turant aata dekhein.
- Rendered markup clipboard par lene ke liye Copy HTML click karein.
- Output ko file ke roop mein download karne ke liye .html button use karein, ya naye sire se shuru karne ke liye Clear.
Example
Input
# Title
- **Bold** item
- [Link](https://example.com)
Output
<h1>Title</h1>
<ul>
<li><strong>Bold</strong> item</li>
<li><a href="https://example.com">Link</a></li>
</ul>
Markdown headings, lists aur inline formatting HTML mein render hue.
Common errors aur troubleshooting
- Ek table render nahi hota aur plain text ke roop mein dikhta hai. — GFM tables ko ek header row aur dashes aur pipes ki ek separator line chahiye, jaise | A | B | uske baad | --- | --- |. Pakka karein ki har row mein matching pipes hon.
- Ek code block ki formatting baaki document mein leak ho jaati hai. — Har fenced block ko ek matching triple-backtick line se close karein. Ek unclosed fence renderer ko baaki text ko code maan lene par majboor karta hai.
- Single line breaks ummeed ke mutabik preserve nahi hote. — Yeh preview single newlines ko line breaks ke roop mein render karta hai; agar alag paragraphs chahiye, to text ke blocks ke beech ek blank line chhodein.
- Raw HTML tags jaise script ya iframe preview se gaayab ho jaate hain. — Output sanitised hota hai, isliye scripts, iframes aur inline event handlers design ke hisaab se hata diye jaate hain. Plain Markdown ya safe inline HTML use karein.
Aksar pooche jaane wale sawaal
- ArrayKit Markdown Preview tool kya hai?
- Yeh ek live markdown preview hai jo aapke Markdown ko type karte hi side by side saaf HTML mein render karta hai, taaki aap publish karne se pehle READMEs, docs aur comments ki formatting check kar sakein.
- Kya Markdown Preview GitHub-flavoured Markdown support karta hai?
- Haan. Markdown Preview GFM render karta hai, isliye tables, fenced code blocks aur task-style lists sab preview pane mein sahi dikhte hain.
- Rendered HTML ko copy ya download kaise karun?
- Rendered markup clipboard par bhejne ke liye Copy HTML click karein, ya taiyaar file ke roop mein download karne ke liye .html button use karein.
- Kya Markdown Preview se mila HTML dobara use karne ke liye safe hai?
- Haan. Output sanitised hota hai, scripts, iframes aur inline event handlers hata deta hai taaki rendered HTML kahin aur paste karne ke liye safe rahe.
- Kya Markdown Preview single line breaks rakhta hai?
- Haan. Single newlines line breaks ke roop mein render hote hain, jo comments aur chat-style Markdown ke aam behaviour se milta hai.
- Kya is preview ka istemaal karte waqt mera Markdown kisi server par jaata hai?
- Nahi. Aapka Markdown poori tarah aapke browser mein render hota hai aur kabhi device se bahar nahi jaata.
Related tools
- MDX Converter — MDX ko text ke roop mein render karein, HTML → MDX convert karein aur text ko literal MDX mein escape karein.
- HTML Formatter — HTML beautify ya minify karein, inline CSS/JS format karein aur result preview karein.
- HTML Escape / Unescape — HTML special characters aur entities ko escape aur unescape karein.
- Text Compare karein — Do texts ko line-by-line compare karein aur additions aur deletions dekhein.
- PDF se Text — PDF se selectable text plain text ya Markdown ke roop mein extract karein.
- Mermaid Diagram Renderer — Mermaid diagrams (flow, sequence, gantt) ko aapke browser mein SVG mein render karein.
- JSON Formatter — JSON ko beautify, minify aur validate karein, error ki location ke saath.
- CSS / SCSS Formatter — CSS/SCSS/LESS beautify ya minify karein, properties sort karein aur duplicates hatayein.
Saare ArrayKit tools