Markdown প্রিভিউয়ার

একপাশে Markdown টাইপ করুন এবং অন্যপাশে এটি লাইভ রেন্ডার হতে দেখুন — হেডিং, বোল্ড, ইটালিক, তালিকা, কোড ব্লক ও লিঙ্ক, সবকিছু আপনার ব্রাউজারে তাৎক্ষণিকভাবে প্রিভিউ করা হয়।

এই ক্যালকুলেটরটি কি আপনাকে সাহায্য করেছে?

Markdown প্রিভিউয়ার কী?

Markdown হলো একটি হালকা ফরম্যাটিং সিনট্যাক্স যা README, ব্লগ পোস্ট, চ্যাট বার্তা, ডকুমেন্টেশন এবং আরও অগণিত জায়গার পেছনে রয়েছে, যেখানে আপনি কাঁচা HTML না লিখে সহজ, পাঠযোগ্য ফরম্যাটিং চান। Markdown যেহেতু প্লেইন টেক্সট, তাই যেকোনো জায়গায় এটি লেখা সহজ — কিন্তু সিনট্যাক্স সামান্য ভুল হওয়াও সহজ এবং প্রকাশিত হওয়ার আগে পর্যন্ত তা লক্ষ্য নাও করতে পারেন। এই প্রিভিউয়ার আপনার টাইপ করার সাথে সাথে Markdown রেন্ডার করে, সোর্সের পাশাপাশি, যাতে আপনি ফরম্যাটিং ভুল তাৎক্ষণিকভাবে ধরতে পারেন — # এর পরে একটি অনুপস্থিত স্পেস, একটি অসমাপ্ত কোড ফেন্স অথবা একটি তালিকা যা উপরের অনুচ্ছেদ থেকে আলাদা হয়নি — README কমিট করার আগে, পোস্ট প্রকাশ করার আগে অথবা ফরম্যাট করা বার্তা পাঠানোর আগে।

এই ক্যালকুলেটর কখন ব্যবহার করবেন

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

ধাপসমূহ:

বাম প্যানেলে আপনার Markdown টাইপ বা পেস্ট করুন।
ডানদিকে রেন্ডার করা HTML প্রিভিউ তাৎক্ষণিকভাবে আপডেট হতে দেখুন।
প্রিভিউ আপনার উদ্দেশ্যের সাথে মিলে যাওয়া পর্যন্ত আপনার সিনট্যাক্স সামঞ্জস্য করুন।
ফলাফলে সন্তুষ্ট হলে আপনার সম্পূর্ণ Markdown উৎস কপি করুন।

সূত্র

# হেডিং →

হেডিং

**বোল্ড** → বোল্ড *ইটালিক* → ইটালিক `কোড` → কোড [টেক্সট](url) → টেক্সট - আইটেম →

আইটেম

ব্যবহারের ক্ষেত্র

কমিট করার আগে একটি GitHub বা GitLab README প্রিভিউ করা
Slack, Discord বা অন্যান্য Markdown-সমর্থনকারী চ্যাট অ্যাপের জন্য ফরম্যাট করা বার্তার খসড়া তৈরি করা
প্রকাশের আগে ব্লগ পোস্ট বা ডকুমেন্টেশনের ফরম্যাটিং পরীক্ষা করা
পরীক্ষা করে এবং তাৎক্ষণিক ফলাফল দেখে Markdown সিনট্যাক্স শেখা
অন্য কোথাও পেস্ট করার জন্য একটি ছোট Markdown স্নিপেটকে দ্রুত HTML-এ রূপান্তর করা

প্রধান সুবিধাসমূহ

উৎসের পাশাপাশি আপনার Markdown তাৎক্ষণিকভাবে রেন্ডার হতে দেখুন
যেকোনো জায়গায় প্রকাশ করার আগে সিনট্যাক্স ভুল ধরুন
সম্পূর্ণভাবে আপনার ব্রাউজারে অফলাইনে চলে — কিছুই আপলোড করা হয় না
বিনামূল্যে, সাইন-আপের প্রয়োজন নেই, সাধারণ ব্যবহারের জন্য কোনো ফাইল সাইজ সীমা নেই

প্রো টিপস

বিভিন্ন Markdown পার্সার জুড়ে সবচেয়ে নির্ভরযোগ্য রেন্ডারিং পেতে তালিকা ও কোড ব্লকের আগে ও পরে একটি খালি লাইন যোগ করুন
অস্পষ্টতা এড়াতে বোল্ডের জন্য ডাবল অ্যাস্টেরিস্ক এবং ইটালিকের জন্য সিঙ্গেল অ্যাস্টেরিস্ক (বা আন্ডারস্কোর) ব্যবহার করুন
প্রথমে এই টুলে প্রিভিউ করুন, তারপর লক্ষ্য প্ল্যাটফর্ম (GitHub, Slack ইত্যাদি) পরীক্ষা করুন কারণ কিছু টেবিলের মতো অতিরিক্ত সিনট্যাক্স সমর্থন করে
ভালো ডকুমেন্ট গঠন ও অ্যাক্সেসিবিলিটির জন্য হেডিং ক্রমিক রাখুন (# থেকে সরাসরি ###-এ যাবেন না)

এড়ানোর সাধারণ ভুলসমূহ

একটি অনুচ্ছেদ এবং তার পরবর্তী তালিকার মধ্যে প্রয়োজনীয় খালি লাইনটি ভুলে যাওয়া
হেডিংয়ে # চিহ্নের পর স্পেস মিস করা, যা সেগুলোকে রেন্ডার হতে বাধা দেয়
একটি কোড ফেন্স (```) বন্ধ না করে রাখা, যা বাকি ডকুমেন্টকে কোড হিসেবে গ্রাস করে নেয়
বোল্ডের জন্য ডাবল অ্যাস্টেরিস্কের পরিবর্তে সিঙ্গেল অ্যাস্টেরিস্ক ব্যবহার করা, যা বোল্ডের পরিবর্তে ইটালিক তৈরি করে

মূল শব্দ ব্যাখ্যা

CommonMark: Markdown সিনট্যাক্সের একটি প্রমিতকৃত স্পেসিফিকেশন, অসামঞ্জস্য কমানোর জন্য ডিজাইন করা
GFM: GitHub-Flavored Markdown, টেবিল ও টাস্ক তালিকা সমর্থনকারী একটি সম্প্রসারিত সংস্করণ
কোড ফেন্স (Code fence): তিনটি ব্যাকটিক (```) দ্বারা সীমাবদ্ধ একটি ব্লক, বহু-লাইন কোড ফরম্যাট করতে ব্যবহৃত
ইনলাইন ফরম্যাটিং (Inline formatting): একটি একক লাইনের মধ্যে প্রয়োগ করা ফরম্যাটিং, যেমন *ইটালিক* বা `কোড`, ব্লক-স্তরের উপাদানের বিপরীতে

উদাহরণ

"## হ্যালো\n\nএটি **বোল্ড** এবং এটি *ইটালিক*।" টাইপ করলে একটি লেভেল-২ হেডিং এবং তারপর বোল্ড ও ইটালিক টেক্সটসহ একটি অনুচ্ছেদ রেন্ডার হয়।

আপনার ফলাফলের ব্যাখ্যা

বাম প্যানেলে আপনার কাঁচা Markdown সোর্স টেক্সট দেখানো হয় এবং ডান প্যানেলটি এটি রিয়েল টাইমে ফরম্যাট করা HTML হিসেবে রেন্ডার করে। প্রতিটি কিপ্রেস তৎক্ষণাৎ প্রিভিউ আপডেট করে, তাই প্রতিটি সিনট্যাক্স উপাদানের প্রভাব সঙ্গে সঙ্গে দেখতে পারেন। সাধারণ রেন্ডারিং সমস্যাগুলো সাধারণত স্পেসিং নিয়ে। বেশিরভাগ রেন্ডারারে প্যারাগ্রাফ এবং তার পরে আসা লিস্টের মধ্যে একটি ফাঁকা লাইন প্রয়োজন। হেডিংয়ে # চিহ্নের পরে একটি স্পেস লাগে। কোড ফেন্স (```) কোড ব্লক রেন্ডার করতে নিজস্ব লাইনে থাকতে হবে। প্রিভিউ হলো আপনার Markdown বেশিরভাগ প্ল্যাটফর্মে (GitHub, Slack, Discord ইত্যাদি) কেমন দেখাবে তার কাছাকাছি একটি অনুমান, তবে প্রতিটি প্ল্যাটফর্মের নিজস্ব রেন্ডারার রয়েছে সামান্য পার্থক্য সহ। মৌলিক ফরম্যাটিংয়ের বাইরের যেকোনো কিছুর জন্য লক্ষ্য প্ল্যাটফর্মে সর্বদা চূড়ান্ত যাচাই করুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

এই টুলটি কোন Markdown সিনট্যাক্স সমর্থন করে?

হেডিং (# থেকে ######), বোল্ড (**text**), ইটালিক (*text*), ইনলাইন কোড (`code`), কোড ব্লক (```), লিঙ্ক ([text](url)), বুলেট তালিকা (- item), সংখ্যাযুক্ত তালিকা (1. item) এবং ব্লককোট (> text)।

আমার কনটেন্ট কি কোথাও সংরক্ষিত বা আপলোড করা হয়?

না। সবকিছু সম্পূর্ণভাবে আপনার ব্রাউজারে জাভাস্ক্রিপ্ট ব্যবহার করে পার্স ও রেন্ডার করা হয়। আপনি যা টাইপ করেন তা কোনো সার্ভারে পাঠানো, সংরক্ষণ বা লগ করা হয় না।

আমার ফরম্যাটিং সঠিকভাবে কেন দেখাচ্ছে না?

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

আমি কি কমিট করার আগে GitHub README প্রিভিউ করতে এটি ব্যবহার করতে পারি?

হ্যাঁ, এই টুল যে সাধারণ Markdown উপাদান সমর্থন করে তার জন্য হ্যাঁ। GitHub-এর রেন্ডারার কিছু অতিরিক্ত GitHub-Flavored Markdown এক্সটেনশন (যেমন টেবিল ও টাস্ক তালিকা) সমর্থন করে যা এই হালকা প্রিভিউয়ারে নেই, তাই মৌলিক সিনট্যাক্সের বাইরে কিছু করলে GitHub-এ চূড়ান্ত রেন্ডারিং অবশ্যই যাচাই করুন।

What Markdown syntax does this tool support?

Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).

Is my content saved or uploaded anywhere?

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Markdown এবং HTML-এর মধ্যে পার্থক্য কী?

Markdown একটি হালকা মার্কআপ ভাষা যা সরল টেক্সট হিসেবে লেখা ও পড়া সহজ। HTML একটি পূর্ণ মার্কআপ ভাষা যার সিনট্যাক্স বেশি জটিল। প্রদর্শনের জন্য Markdown প্রায়শই HTML-এ রূপান্তরিত হয়। এই টুলটি Markdown-কে রিয়েল টাইমে HTML হিসেবে রেন্ডার করে।

How do I create a table in Markdown?

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

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Markdown প্রিভিউয়ার

Markdown

প্রিভিউ

Hello World

Type markdown on the left and see it rendered here.

Live preview
No sign-up
Runs entirely in your browser

Nothing you type ever leaves your device.


console.log("code blocks work too")

সবকিছু আপনার ব্রাউজারে স্থানীয়ভাবে রেন্ডার করা হয় — আপনি যা টাইপ করেন তা কখনো কোথাও পাঠানো হয় না।

এই ক্যালকুলেটরটি কি আপনাকে সাহায্য করেছে?