DevToys Web Pro iconDevToys Web Proব্লগ
আমাদের রেট দিন:
ব্রাউজার এক্সটেনশন ব্যবহার করে দেখুন:

মার্কডাউন প্রিভিউ

কনফিগারেশন

  • থিম

    Markdown প্রিভিউ করতে কোন থিম ব্যবহার করবেন তা নির্বাচন করুন

  • সিনট্যাক্স হাইলাইটিং

    Shiki দিয়ে কোড ব্লক হাইলাইট করুন

  • GitHub ফ্লেভার্ড Markdown

  • লাইন ব্রেক

  • ইমোজি সাপোর্ট

    :emoji: শর্টকোডকে ইমোজিতে রূপান্তর করুন

মার্কডাউন

  • প্রিভিউ

  • Loading editor...
    প্রযুক্তিগত বিবরণ

    Markdown প্রিভিউ কীভাবে কাজ করে

    টুলটি কী করে

    Markdown প্রিভিউ টুলটি Markdown টেক্সটকে ফরম্যাটেড HTML আউটপুটে রূপান্তর করে, রিয়েল-টাইম রেন্ডারিং প্রদান করে যাতে প্রকাশিত হলে আপনার markdown কেমন দেখাবে তা দেখা যায়। এই markdown editor এবং markdown viewer ডেভেলপার ও লেখকদের markdown প্রিভিউ করতে, markdown সিনট্যাক্স টেস্ট করতে, এবং প্রকাশের আগে সঠিক ফরম্যাটিং নিশ্চিত করতে সক্ষম করে। টুলটি একটি markdown converter এবং markdown renderer হিসেবে কাজ করে, GitHub-flavored markdown (GFM), টেবিল, কোড ব্লক, এবং বিভিন্ন markdown এক্সটেনশন সাপোর্ট করে। অনলাইনে markdown প্রিভিউ করতে বা markdown ফরম্যাটিং টেস্ট করতে হলে, এই ব্রাউজার-ভিত্তিক টুলটি লোকাল markdown এডিটর বা ইনস্টলেশন ছাড়াই তাৎক্ষণিক ভিজ্যুয়াল ফিডব্যাক দেয়।

    ডেভেলপারদের সাধারণ ব্যবহারক্ষেত্র

    ডেভেলপাররা README ফাইল, ডকুমেন্টেশন, ব্লগ পোস্ট, বা GitHub ইস্যু লিখতে গিয়ে যেখানে মার্কডাউন ফরম্যাটিং দরকার হয়, সেখানে মার্কডাউন প্রিভিউ টুল ব্যবহার করেন। টেকনিক্যাল ডকুমেন্টেশন তৈরি করার সময় মার্কডাউন প্রিভিউ ফাংশনালিটি অত্যাবশ্যক, কারণ আপনাকে যাচাই করতে হয় যে কোড ব্লক, টেবিল এবং লিংকগুলো সঠিকভাবে রেন্ডার হচ্ছে কি না। অনেক ডেভেলপার GitHub-flavored markdown লিখতে গিয়ে মার্কডাউন প্রিভিউ ব্যবহার করেন, যাতে GitHub-এর রেন্ডারিং ইঞ্জিনের সাথে সামঞ্জস্য নিশ্চিত হয়। ওয়েবে প্রকাশের জন্য মার্কডাউনকে HTML-এ রূপান্তর করা, Jekyll বা Hugo-এর মতো স্ট্যাটিক সাইট জেনারেটরের জন্য মার্কডাউন সিনট্যাক্স টেস্ট করা, বা মার্কডাউন রেন্ডারিং সমর্থন করে এমন প্ল্যাটফর্মের জন্য মার্কডাউন কনটেন্ট তৈরি করার সময় এই টুলটি সহায়তা করে। যারা মার্কডাউনে লেখেন কিন্তু ব্লগ, উইকি বা ডকুমেন্টেশন সাইটে প্রকাশের আগে ফরম্যাটেড আউটপুট দেখতে চান—এমন কনটেন্ট ক্রিয়েটরদের জন্যও এটি মূল্যবান।

    ডেটা ফরম্যাট, টাইপ বা ভ্যারিয়েন্ট

    মার্কডাউন প্রিভিউ স্ট্যান্ডার্ড CommonMark সিনট্যাক্স এবং GitHub-flavored markdown এক্সটেনশন সমর্থন করে। এটি হেডার, বোল্ড, ইটালিক, লিংক এবং লিস্টের মতো বেসিক ফরম্যাটিংয়ের পাশাপাশি টেবিল, সিনট্যাক্স হাইলাইটিংসহ কোড ব্লক, স্ট্রাইকথ্রু টেক্সট এবং টাস্ক লিস্টের মতো অ্যাডভান্সড ফিচারও হ্যান্ডেল করে। টুলটি ইনলাইন কোড, ভাষা নির্দিষ্টকরণসহ কোড ফেন্স, ব্লককোট, হরাইজন্টাল রুল এবং ইমেজ এমবেড প্রসেস করে। এটি GitHub-flavored markdown (GFM) সহ বিভিন্ন মার্কডাউন ডায়ালেক্ট সমর্থন করে, যা টেবিল, টাস্ক লিস্ট, স্ট্রাইকথ্রু এবং অটো-লিংকের সাপোর্ট যোগ করে। কিছু ইমপ্লিমেন্টেশন গাণিতিক এক্সপ্রেশন, ফুটনোট এবং কাস্টম এক্সটেনশনও সমর্থন করে। প্রিভিউটি ব্লক-লেভেল এলিমেন্ট এবং ইনলাইন ফরম্যাটিং—দুটিই হ্যান্ডেল করে, যাতে চূড়ান্ত রেন্ডার করা আউটপুটের সঠিক উপস্থাপন নিশ্চিত হয়।

    সাধারণ ভুল ও এজ কেস

    মার্কডাউন প্রিভিউ ব্যবহার করার সময় মনে রাখুন যে ভিন্ন ভিন্ন মার্কডাউন প্রসেসর কনটেন্ট সামান্য ভিন্নভাবে রেন্ডার করতে পারে। GitHub-flavored markdown-এ লাইন ব্রেক, টেবিল ফরম্যাটিং এবং অটো-লিংক ডিটেকশনের জন্য নির্দিষ্ট নিয়ম আছে, যা অন্য মার্কডাউন ইমপ্লিমেন্টেশনের সাথে নাও মিলতে পারে। সাধারণ সমস্যাগুলোর মধ্যে রয়েছে অসামঞ্জস্যপূর্ণ লাইন ব্রেক হ্যান্ডলিং (দুটি স্পেস বা ডাবল নিউলাইন প্রয়োজন হওয়া), এমন টেবিল ফরম্যাটিং যা এক প্রসেসরে কাজ করে কিন্তু অন্যটিতে করে না, এবং বিশেষ অক্ষর কীভাবে এস্কেপ করা হয় তার পার্থক্য। কোড ব্লকের সিনট্যাক্স হাইলাইটিং নির্দিষ্ট করা ভাষা এবং উপলব্ধ সিনট্যাক্স হাইলাইটারের ওপর নির্ভর করে ভিন্ন হতে পারে। মার্কডাউনের ভেতরে এমবেড করা HTML বিভিন্ন প্ল্যাটফর্মে ভিন্নভাবে স্যানিটাইজ হতে পারে, ফলে কাঙ্ক্ষিত ফরম্যাটিং নষ্ট হতে পারে। সবসময় টার্গেট প্ল্যাটফর্মে আপনার মার্কডাউন টেস্ট করুন, যাতে রেন্ডারিং একরকম থাকে।

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

    দ্রুত কনটেন্ট যাচাই, একবারের ডকুমেন্ট তৈরি, বা যেখানে মার্কডাউন এডিটর ইনস্টল নেই এমন মেশিনে কাজ করার সময় এই ব্রাউজার-ভিত্তিক মার্কডাউন প্রিভিউ ব্যবহার করুন। এটি মার্কডাউন সিনট্যাক্স টেস্ট করা, প্রকাশের আগে কনটেন্ট প্রিভিউ করা, বা নন-টেকনিক্যাল স্টেকহোল্ডারদের সাথে ফরম্যাটেড প্রিভিউ শেয়ার করার জন্য আদর্শ। প্রোডাকশন কনটেন্ট তৈরির জন্য লাইভ প্রিভিউসহ ডেডিকেটেড মার্কডাউন এডিটর (যেমন Typora, Mark Text, বা মার্কডাউন এক্সটেনশনসহ VS Code) ব্যবহার করার কথা বিবেচনা করুন—এগুলো ভালো পারফরম্যান্স, লোকাল ফাইল ম্যানেজমেন্ট এবং ভার্সন কন্ট্রোল ইন্টিগ্রেশন দেয়। markdown-it, remark, বা marked-এর মতো লাইব্রেরি দিয়ে কোড-ভিত্তিক মার্কডাউন প্রসেসিং রেন্ডারিং অপশনের ওপর বেশি নিয়ন্ত্রণ দেয় এবং বিল্ড পাইপলাইনে ইন্টিগ্রেট করা যায়। ব্রাউজার টুল দ্রুত প্রিভিউ ও শেয়ারিংয়ে দারুণ, আর ডেডিকেটেড এডিটর নিয়মিত মার্কডাউন কনটেন্ট তৈরিতে ভালো ওয়ার্কফ্লো ইন্টিগ্রেশন দেয়।