Markdown থেকে HTML

এটি CommonMark সহ GitHub Flavored Markdown (GFM) ব্যবহার করে Markdown-কে HTML-এ কনভার্ট করে, যেখানে সফট লাইন ব্রেক <br> হিসেবে রেন্ডার হয়। আপনি রেন্ডার করা প্রিভিউ দেখতে পারেন, অথবা জেনারেট করা ট্যাগ পরিদর্শন করতে HTML-সোর্স ভিউতে যেতে পারেন। আউটপুট ব্লগ প্ল্যাটফর্ম, ইমেইল টুল, বা HTML গ্রহণযোগ্য যেকোনো জায়গায় পেস্ট করার জন্য উপযুক্ত।

উদাহরণ

ইনপুট Markdown:

# Release notes

We shipped **three** things this week:

- [x] Faster cold start
- [ ] Dark mode (next week)

See the [docs](https://example.com/docs) for details.

```js
console.log("hello");
```

রেন্ডার করা HTML সোর্স:

<h1>Release notes</h1>
<p>We shipped <strong>three</strong> things this week:</p>
<ul>
<li><input type="checkbox" checked disabled> Faster cold start</li>
<li><input type="checkbox" disabled> Dark mode (next week)</li>
</ul>
<p>See the <a href="https://example.com/docs">docs</a> for details.</p>
<pre><code class="language-js">console.log("hello");
</code></pre>

সাধারণ ত্রুটি ও সমস্যা

বেশিরভাগ Markdown রেন্ডারিং সারপ্রাইজ অল্প কয়েকটি সিনট্যাক্স ফাঁদ থেকে আসে। প্রিভিউ ভুল দেখালে এগুলির একটি সাধারণত কারণ।

• তালিকার আগে ফাঁকা লাইন নেই। "Intro text\n- item" একটি প্যারাগ্রাফ হিসেবে রেন্ডার হয়। ইন্ট্রো ও প্রথম তালিকা আইটেমের মধ্যে একটি ফাঁকা লাইন রাখুন।
• প্যারাগ্রাফ চেয়েছিলেন কিন্তু ইনডেন্টেড কোড ব্লক। চারটি শুরুর স্পেস যেকোনো লাইনকে কোড ব্লকে পরিণত করে। ইনডেন্ট সরান বা স্পষ্টভাবে একটি fenced ``` ব্লক ব্যবহার করুন।
• ভাঙা টেবিল। প্রতিটি GFM টেবিলের একটি সেপারেটর রো (| --- | --- |) লাগে যেখানে প্রতিটি কলামে কমপক্ষে তিনটি ড্যাশ থাকে এবং প্রতিটি রোতে সমান সংখ্যক পাইপ।
• URL-এ স্পেস সহ লিঙ্ক। [click](my page.html) পার্সার ভাঙে। স্পেসকে %20 হিসেবে URL-এনকোড করুন বা অ্যাঙ্গেল ব্র্যাকেট ব্যবহার করুন: <my page.html>।
• শব্দের ভেতরে অ্যাস্টেরিস্ক। wild*card আশেপাশের টেক্সটের ওপর নির্ভর করে ইমফ্যাসিস হিসেবে রেন্ডার হতেও পারে না-ও পারে। ব্যাকস্ল্যাশ দিয়ে এসকেপ করুন: wild\*card।
• কোড ব্লকের ভেতরে HTML এসকেপিং। &lt; সহ পেস্ট করা স্নিপেট আক্ষরিকভাবে দেখা যায় কারণ তা ইতোমধ্যে এসকেপড। এসকেপিংয়ের আগে কাঁচা সোর্স পেস্ট করুন।

এটি কোন Markdown ভ্যারিয়েন্ট সমর্থন করে?

CommonMark সহ GitHub Flavored Markdown (GFM)। এটি টেবিল, fenced কোড ব্লক, টাস্ক লিস্ট, স্ট্রাইকথ্রু ও অটোলিঙ্কড URL কভার করে। প্যারাগ্রাফের ভেতরের লাইন ব্রেক <br> ট্যাগ হয়ে যায় কারণ breaks অপশন চালু — এটি GitHub-এ এবং বেশিরভাগ চ্যাট অ্যাপে কমেন্ট যেভাবে রেন্ডার হয় তার সঙ্গে মেলে।

আমার Markdown-এ HTML কি sanitize হয়?

না। রেন্ডার করা প্রিভিউ ডিফল্টভাবে raw HTML পাস করে দেয়। এটি এমবেড করা <details> বা <kbd>-র মতো জিনিস কাজ চালু রাখে। DOMPurify-র মতো sanitizer দিয়ে না চালিয়ে অবিশ্বস্ত Markdown পেস্ট করে আউটপুট পাবলিক সাইটে কপি করবেন না।

ফুটনোট, গণিত বা ডায়াগ্রাম সমর্থিত?

না। এটি সাধারণ GFM। ফুটনোট, গণিত (KaTeX/MathJax) এবং Mermaid ডায়াগ্রাম GitHub বা প্ল্যাটফর্ম এক্সটেনশন, এখানে রেন্ডার হয় না। প্রয়োজন হলে প্রাসঙ্গিক প্লাগইন-সহ কনফিগার করা Markdown রেন্ডারার ব্যবহার করুন, বা এমন প্ল্যাটফর্মে আউটপুট পেস্ট করুন যা এগুলি রেন্ডার করে।

HTML কপি ক্লিক করলে কী ঘটে?

রেন্ডার করা HTML সোর্স Clipboard API ব্যবহার করে আপনার ক্লিপবোর্ডে লেখা হয়। আপনি র‍্যাপার পৃষ্ঠার ক্রোম ছাড়াই HTML পান — শুধু আপনার Markdown প্রতিনিধিত্বকারী ট্যাগ। CMS, ইমেইল এডিটর, বা সরাসরি ফাইলে পেস্ট করুন। ডিস্কে কোনো ফাইল তৈরি হয় না।

আমার টেবিল বিকৃত দেখাচ্ছে কেন?

GFM টেবিলের একটি হেডার রো, প্রতিটি কলামে কমপক্ষে তিনটি ড্যাশ সহ সেপারেটর রো, এবং সেলের মধ্যে পাইপ লাগে। অনুপস্থিত পাইপ বা শুধু দুটি ড্যাশের সেপারেটর রো নীরবে ব্যর্থ হয়। <table> আসলেই তৈরি হয়েছে কিনা দেখতে HTML সোর্স ভিউতে যান।

আমি এখানে যে Markdown পেস্ট করি তা কি সংরক্ষণ করেন?

না। আপনি যে Markdown টাইপ বা পেস্ট করেন তা আমরা সংরক্ষণ করি না, এবং ডাউনলোড করা রেন্ডার করা HTML-ও রাখি না। ট্যাব বন্ধ বা রিফ্রেশ করা মাত্রই সবকিছু বাতিল — কোনো লগ নেই, আপনি কী লিখেছেন তার কোনো রেকর্ড আমাদের পাশে নেই। চাইলে ব্রাউজারের ডেভেলপার টুলে দেখে নিতে পারেন।