ডেভেলপার

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

এক পাশে Markdown টাইপ করুন এবং অন্য পাশে লাইভ রেন্ডারিং দেখুন — শিরোনাম, বোল্ড, ইটালিক, তালিকা, কোড ব্লক এবং লিঙ্ক।

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

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

Markdown হলো README, ব্লগ পোস্ট, চ্যাট বার্তা, ডকুমেন্টেশন এবং অসংখ্য অন্যান্য জায়গার পেছনের হালকা ফর্ম্যাটিং সিনট্যাক্স। এই প্রিভিউয়ার আপনার Markdown টাইপ করার সাথে সাথে রেন্ডার করে।

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

  • commit করার আগে GitHub বা GitLab README লিখছেন এবং ফর্ম্যাটিং যাচাই করতে চান
  • ব্লগ প্ল্যাটফর্ম, ডকুমেন্টেশন সাইট বা wiki-র জন্য Markdown পোস্ট খসড়া করছেন
  • একটি Markdown ইমেইল বা চ্যাট বার্তা পাঠানোর আগে সঠিকভাবে রেন্ডার হচ্ছে কিনা পরীক্ষা করছেন
  • বিভিন্ন ফর্ম্যাটিং পরীক্ষা করে এবং তাৎক্ষণিক ফলাফল দেখে Markdown সিনট্যাক্স শিখছেন
  • CMS বা ইমেইল টেমপ্লেটে পেস্ট করার জন্য একটি ছোট Markdown স্নিপেট HTML-তে রূপান্তর করছেন
  • একটি Markdown ডকুমেন্ট ডিবাগ করছেন যেখানে কিছু ফর্ম্যাটিং প্রত্যাশিতভাবে রেন্ডার হচ্ছে না

ধাপসমূহ:

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

সূত্র

# হেডিং →

হেডিং

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

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

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

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

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

প্রো টিপস

  • তালিকা এবং কোড ব্লকের আগে এবং পরে একটি ফাঁকা লাইন যোগ করুন
  • বোল্ডের জন্য ডাবল অ্যাস্টেরিস্ক এবং ইটালিকের জন্য সিঙ্গেল অ্যাস্টেরিস্ক (বা আন্ডারস্কোর) ব্যবহার করুন
  • প্রথমে এই টুলে প্রিভিউ করুন, তারপর লক্ষ্য প্ল্যাটফর্ম যাচাই করুন
  • শিরোনামকে ক্রমিক রাখুন (# থেকে ### স্কিপ করবেন না)

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

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

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

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

সম্পর্কিত ধারণা

উদাহরণ

"## Hello This is **bold** and this is *italic*." লেখা একটি লেভেল-2 শিরোনাম হিসাবে রেন্ডার হয়।

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

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

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

এই টুল কোন Markdown সিনট্যাক্স সমর্থন করে?
শিরোনাম (# থেকে ######), বোল্ড (**পাঠ্য**), ইটালিক (*পাঠ্য*), ইনলাইন কোড (`কোড`), কোড ব্লক (```), লিঙ্ক ([পাঠ্ক](url)), তালিকা।
আমার কনটেন্ট কি কোথাও সংরক্ষিত বা আপলোড করা হয়?
না। সবকিছু সম্পূর্ণরূপে আপনার ব্রাউজারে JavaScript ব্যবহার করে পার্স এবং রেন্ডার করা হয়।
আমার ফরম্যাটিং সঠিকভাবে কেন দেখাচ্ছে না?
Markdown-এর জন্য সঠিক সিনট্যাক্স প্রয়োজন — উদাহরণস্বরূপ, অনেক রেন্ডারারের জন্য একটি প্যারাগ্রাফ এবং তালিকার মধ্যে একটি ফাঁকা লাইন প্রয়োজন।
আমি কি commit করার আগে GitHub README প্রিভিউ করতে এটি ব্যবহার করতে পারি?
হ্যাঁ, সাধারণ Markdown উপাদানের জন্য। GitHub অতিরিক্ত GitHub-Flavored Markdown এক্সটেনশন সমর্থন করে।
Markdown এবং HTML-এর মধ্যে পার্থক্য কী?
Markdown একটি হালকা মার্কআপ ভাষা যা প্লেইন টেক্সট হিসাবে লেখা এবং পড়া সহজ। HTML একটি সম্পূর্ণ মার্কআপ ভাষা।
আমি কি Markdown-এ LaTeX গণিত লিখতে পারি?
স্ট্যান্ডার্ড Markdown টেবিল সমর্থন করে না, তবে GitHub-Flavored Markdown করে।
আমি কি Markdown-এ LaTeX গণিত লিখতে পারি?
এই প্রিভিউয়ার LaTeX গণিত সমর্থন করে না।
Markdown-এ কীভাবে একটি লিঙ্ক তৈরি করবেন?
[লিঙ্ক পাঠ্য](https://example.com) ফর্ম্যাট ব্যবহার করুন। ছবির জন্য ![বিকল্প পাঠ্য](image-url) ব্যবহার করুন।
WYSIWYG এডিটরের পরিবর্তে Markdown ব্যবহার কেন করব?
Markdown হলো প্লেইন টেক্সট, তাই এটি ভার্সন কন্ট্রোল বান্ধব, যেকোনো টেক্সট এডিটরে কাজ করে।
এটি কি checklists-এর মতো Markdown এক্সটেনশন সমর্থন করে?
এই প্রিভিউয়ার কোর Markdown সিনট্যাক্স সমর্থন করে। এক্সটেনশন লক্ষ্য প্ল্যাটফর্মের রেন্ডারারের উপর নির্ভর করে।
¿Cómo añado una línea horizontal en Markdown?
একটি লাইনে তিন বা ততোধিক হাইফেন (---), তারা (***) বা আন্ডারস্কোর (___) টাইপ করুন।

আরও টুল আবিষ্কার করুন

আমাদের পুরো টুল লাইব্রেরি থেকে নতুন নির্বাচন।

সূচক ক্যালকুলেটর

ড্রাইওয়াল ক্যালকুলেটর

চাপ ক্যালকুলেটর

একক রূপান্তরক

টেক্স্ট কেস রূপান্তরকারী

ইমেইল মার্কেটিং আরওআই ক্যালকুলেটর