Markdown পার্সার

Markdown রিয়েল-টাইমে পার্স ও প্রিভিউ করুন। GFM টেবিল, টাস্ক তালিকা, স্ট্রাইকথ্রু ইত্যাদি সমর্থিত। সব প্রক্রিয়াকরণ আপনার ব্রাউজারেই হয়।

লাইভ প্রিভিউ GFM সমর্থন ক্লায়েন্ট-সাইড প্রক্রিয়াকরণ

HTML প্রিভিউ এখানে দেখা যাবে...

Markdown পার্সার ব্যবহারের পদ্ধতি

1

Markdown লিখুন

বাম দিকের এডিটরে আপনার Markdown কনটেন্ট টাইপ বা পেস্ট করুন।

2

লাইভ প্রিভিউ

ডান পাশের প্যানেলে রেন্ডার হওয়া HTML আউটপুট রিয়েল-টাইমে দেখুন।

3

HTML কপি করুন

আপনার প্রজেক্টে ব্যবহারের জন্য তৈরি HTML কপি করুন।

Markdown কী?

Markdown হলো জন গ্রুবার ২০০৪ সালে তৈরি একটি হালকা মার্কআপ ভাষা। এটি সাধারণ টেক্সট ফরম্যাটিং সিনট্যাক্স ব্যবহার করে যা HTML এবং আরও অনেক ফরম্যাটে রূপান্তরযোগ্য। ডকুমেন্টেশন, README ফাইল, ব্লগ পোস্ট ও মেসেজিং প্ল্যাটফর্মে Markdown ব্যাপকভাবে ব্যবহৃত হয়।

সমর্থিত সিনট্যাক্স

হেডিং

# সিনট্যাক্স দিয়ে H1 থেকে H6 পর্যন্ত

টেক্সট ফরম্যাটিং

বোল্ড, ইটালিক, স্ট্রাইকথ্রু, ইনলাইন কোড

তালিকা ও টেবিল

অর্ডার্ড, আনঅর্ডার্ড, টাস্ক তালিকা এবং GFM টেবিল

কোড ব্লক

সিনট্যাক্স হাইলাইটিংসহ ফেন্সড কোড ব্লক

সাধারণ জিজ্ঞাসা

GFM কী?

GFM (GitHub Flavored Markdown) হলো GitHub-এ ব্যবহৃত Markdown-এর একটি উপভাষা। এটি স্ট্যান্ডার্ড Markdown-কে টেবিল, টাস্ক তালিকা, স্ট্রাইকথ্রু টেক্সট ও অটোলিংকের মতো ফিচার দিয়ে সম্প্রসারিত করে।

এটি কি সিনট্যাক্স হাইলাইটিং সমর্থন করে?

পার্সারটি ফেন্সড কোড ব্লক রেন্ডার করে। রঙসহ পূর্ণ সিনট্যাক্স হাইলাইটিংয়ের জন্য আপনি কোড এলিমেন্ট স্টাইল করা একটি CSS স্টাইলশিটের সাথে এটি ব্যবহার করতে পারেন।

আমি কি এটি আমার ডকুমেন্টেশনের জন্য ব্যবহার করতে পারি?

হ্যাঁ! এডিটরে আপনার Markdown লিখুন, রেন্ডার হওয়া HTML কপি করুন এবং আপনার ডকুমেন্টেশন, ব্লগ বা ওয়েবসাইটে ব্যবহার করুন।

Markdown, CommonMark ও GFM-এর মধ্যে পার্থক্য কী?

মূল Markdown (২০০৪) অনেক এজ কেস অনির্ধারিত রেখেছিল, ফলে বিভিন্ন ইমপ্লিমেন্টেশন আলাদা হয়ে যায়। CommonMark হলো সেগুলো সমাধানকারী কঠোর স্পেসিফিকেশন; GFM (GitHub Flavored Markdown) হলো CommonMark-এর সাথে এক্সটেনশন: টেবিল, টাস্ক তালিকা, স্ট্রাইকথ্রু, অটোলিংক এবং disallowed-raw-HTML ফিল্টার। এই টুলটি GFM রেন্ডার করে, যা GitHub-এ আপনি যা দেখেন তার সাথে মেলে।

কোড ব্লক ও ইনলাইন কোড কীভাবে লিখব?

ইনলাইন কোড একক ব্যাকটিকে মুড়ুন। ফেন্সড ব্লকে সিনট্যাক্স হাইলাইটিংয়ের জন্য ভাষা ট্যাগসহ তিনটি ব্যাকটিক ব্যবহার করুন - যেমন ওপেনিং লাইনে ```python - অথবা প্রতিটি লাইন চার স্পেসে ইনডেন্ট করুন (পুরনো সিনট্যাক্স, যা তালিকার ভেতরে খারাপভাবে কাজ করে)। আপনার কোডেই ব্যাকটিক থাকলে তিনটি টিল্ডও ফেন্স হিসেবে কাজ করে।

Markdown-এ কি র HTML এম্বেড করতে পারি?

হ্যাঁ - ইনলাইন HTML ট্যাগ আউটপুটে চলে যায়। GFM-এর disallowed-raw-HTML এক্সটেনশন ফিল্টার চালু থাকলে শুধু কয়েকটি বিপজ্জনক ট্যাগ (script, style, iframe ও এদের আত্মীয়) ছেঁটে দেয়। দুটি সতর্কতা: ব্লক-লেভেল HTML কনটেন্টকে মুড়িয়ে রাখলে ভেতরে Markdown সিনট্যাক্স প্রক্রিয়া বন্ধ হয়ে যায় (ফাঁকা লাইন গুরুত্বপূর্ণ), এবং ব্যবহারকারীর জমা দেওয়া যেকোনো Markdown অবশ্যই ট্যাগ ফিল্টারের চেয়ে বেশি XSS-এর বিরুদ্ধে স্যানিটাইজ করতে হবে।

GFM-এ টেবিল কীভাবে কাজ করে?

পাইপ-বিভাজিত সারি, যার হেডারের নিচে হাইফেনের ডেলিমিটার লাইন থাকে। কোলন অ্যালাইনমেন্ট নির্ধারণ করে: বাম দিকে কোলন-ড্যাশ মানে বাম (ডিফল্ট), দুই প্রান্তে কোলন মানে মাঝামাঝি, ড্যাশ-কোলন মানে ডান। সেলে ব্লক এলিমেন্ট থাকতে পারে না; আক্ষরিক পাইপ এস্কেপ করুন \| হিসেবে; আর প্রতিটি সারির বাইরের পাইপগুলো ঐচ্ছিক। আরও জটিল লেআউটের জন্য র HTML বা ডকস ইঞ্জিন লাগবে।

আমার তালিকা বা নেস্টেড আইটেম ভুল রেন্ডার হয় কেন?

সাধারণ কারণগুলো: অসঙ্গত ইনডেন্টেশন (নেস্টেড আইটেমের সাধারণত প্যারেন্ট আইটেমের কনটেন্টের প্রথম অক্ষরের সাথে অ্যালাইনমেন্ট দরকার), প্যারাগ্রাফ ও তালিকার মাঝে ফাঁকা লাইনের অভাব, বা ট্যাবের সাথে স্পেস মেশানো। CommonMark এসব সবকিছুর সুনির্দিষ্ট নিয়ম দেয়। ট্যাবকে স্পেসে রূপান্তর এবং তালিকার চারপাশে ফাঁকা লাইন যোগ করলে নেস্টিং বাগের বিশাল সংখ্যক সমাধান হয়।

{-- * External Resources Component(#18 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}