বিনামূল্যে কনভার্টার

Markdown to HTML Converter

Transform Markdown text into production-ready HTML code with live preview support.

এই টুল সম্পর্কে

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

এই রূপান্তরকারীটি চিহ্নিত লাইব্রেরি ব্যবহার করে, যা জাভাস্ক্রিপ্টে সর্বাধিক গৃহীত মার্কডাউন রেন্ডারার। মার্ক করা কমনমার্ক এবং গিটহাব ফ্লেভারড মার্কডাউন (GFM) সমর্থন করে, যার অর্থ সারণি, বেড়াযুক্ত কোড ব্লক, টাস্ক লিস্ট, স্ট্রাইকথ্রু এবং মান মার্কডাউন বৈশিষ্ট্যগুলি ছাড়াও সমস্ত কাজ সঠিকভাবে অটোলিংক করা।

আউটপুট হল সরল এইচটিএমএল — শিরোনাম, অনুচ্ছেদ, তালিকা, লিঙ্ক এবং চিত্রগুলির জন্য শব্দার্থিক ট্যাগ এবং কোড ব্লকের জন্য ক্লাস হুক যেখানে সিনট্যাক্স হাইলাইটিং সরঞ্জামগুলি তাদের প্রত্যাশা করে। আউটপুট পরিষ্কারভাবে যেকোনো CMS-এ পেস্ট করে, স্ট্যাটিক সাইট জেনারেটরে এম্বেড করে, অথবা স্বতন্ত্র .html হিসাবে কাজ করে। কোন সিএসএস বা জাভাস্ক্রিপ্ট যোগ করা হয় না; ফলাফল স্টাইল করা আপনার ডাউনস্ট্রিম প্রসঙ্গে ছেড়ে দেওয়া হয়।

কেন মার্কডাউনকে HTML এ রূপান্তর করবেন

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

এইচটিএমএল হল যেকোনো বিষয়বস্তুর জন্য ক্যানোনিকাল ফর্ম্যাট যা শেষ পর্যন্ত একটি ব্রাউজারে প্রদর্শিত হবে। মার্কডাউন ড্রাফ্ট থেকে তৈরি ইমেল নিউজলেটার, বৃহত্তর HTML অ্যাপ্লিকেশানগুলিতে এম্বেড করা ডকুমেন্টেশন পৃষ্ঠাগুলি এবং সম্পাদকগুলিতে আটকানো ব্লগ পোস্টগুলি যেগুলি এইচটিএমএল একটি পরিষ্কার রূপান্তর থেকে সমস্ত সুবিধার আশা করে৷

কিভাবে ব্যবহার করবেন

মার্কডাউন পেস্ট করুন, HTML পান।

  1. আপনার মার্কডাউন যোগ করুন: ইনপুট এলাকায় মার্কডাউন টেক্সট আটকান বা একটি .md ফাইল ড্রপ করুন। স্ট্যান্ডার্ড মার্কডাউন এবং গিটহাব ফ্লেভারড মার্কডাউন সিনট্যাক্স উভয়ই কাজ করে।
  2. রূপান্তর করুন: চিহ্নিত করা মার্কডাউনকে AST-এ পার্স করে এবং HTML নির্গত করে। স্ট্যান্ডার্ড ইনলাইন উপাদান (জোর, শক্তিশালী, লিঙ্ক, কোড, ছবি), ব্লক উপাদান (শিরোনাম, অনুচ্ছেদ, তালিকা, ব্লককোট), এবং GFM এক্সটেনশন (টেবিল, বেড়া কোড, টাস্ক তালিকা, অটোলিংক) সব সঠিকভাবে রেন্ডার।
  3. পূর্বরূপ: প্রিভিউ প্যানেলে রেন্ডার করা HTML পরিদর্শন করুন। কোড ব্লক, টেবিল, এবং অন্যান্য জটিল উপাদান প্রত্যাশিত হিসাবে প্রদর্শিত নিশ্চিত করুন.
  4. কপি বা ডাউনলোড করুন: একটি CMS-এ পেস্ট করার জন্য HTML-কে ক্লিপবোর্ডে কপি করুন, অথবা স্বতন্ত্র ব্যবহারের জন্য .html হিসাবে সংরক্ষণ করুন৷ ইনলাইন শৈলী ছাড়া আউটপুট শব্দার্থিক HTML5।

সাধারণ ব্যবহারের ক্ষেত্রে

প্রযুক্তিগত বিবরণ

চিহ্নিত একটি দুই-পাস আর্কিটেকচার ব্যবহার করে। লেক্সার ব্লক-লেভেল টোকেন (শিরোনাম, অনুচ্ছেদ, তালিকা, কোড ব্লক) এবং ইনলাইন টোকেন (জোর, লিঙ্ক, ছবি) ইনপুটকে টোকেনাইজ করে। পার্সার টোকেন প্রবাহে চলে এবং প্রতিটি টোকেন প্রকারের জন্য রেন্ডারার হুক প্রয়োগ করে HTML নির্গত করে।

গিটহাব ফ্লেভারড মার্কডাউন এক্সটেনশনগুলি ডিফল্টরূপে সক্রিয় থাকে: টেবিল (পাইপ সিনট্যাক্স ব্যবহার করে), বেড়াযুক্ত কোড ব্লক (ভাষা ইঙ্গিত সহ ট্রিপল ব্যাকটিকস), টাস্ক লিস্ট (- [ ] এবং - [x]), স্ট্রাইকথ্রু (ডবল টিল্ডস ব্যবহার করে), এবং URL স্বয়ংক্রিয় লিঙ্কিং। কোড ব্লকগুলি ডাউনস্ট্রিম সিনট্যাক্স হাইলাইট করার জন্য ঐচ্ছিক ভাষা ক্লাস সহ কোডের চারপাশে প্রি-র্যাপড নির্গত করে।

আউটপুট স্যানিটাইজেশন ডাউনস্ট্রিম ভোক্তাদের জন্য ছেড়ে দেওয়া হয়। মার্কডাউনে এমবেড করা কাঁচা HTML সহ ইনপুট যা কিছু উৎপন্ন করে তা চিহ্নিত করে। আপনি অবিশ্বস্ত ইনপুট গ্রহণ করলে, ব্রাউজারে রেন্ডার করার আগে DOMpurify বা অনুরূপ HTML স্যানিটাইজারের মাধ্যমে আউটপুট চালান।

সর্বোত্তম অনুশীলন

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

মার্কডাউনকে HTML-এ রূপান্তর করলে কি বিষয়বস্তু পরিবর্তন হয়?
বিষয়বস্তু যথাসম্ভব নির্ভুলভাবে সংরক্ষণ করা হয়. যাইহোক, কিছু বিন্যাস-নির্দিষ্ট বৈশিষ্ট্যের সরাসরি সমতুল্য নাও থাকতে পারে, তাই ছোটখাটো বিন্যাসগত পার্থক্য ঘটতে পারে।
HTML ফরম্যাট কি জন্য ব্যবহৃত হয়?
এইচটিএমএল (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) মূলত ওয়েব পেজ এবং ওয়েব কন্টেন্টের জন্য ব্যবহৃত হয়।
সচেতন হতে কোন সীমাবদ্ধতা আছে?
50MB পর্যন্ত ফাইল সমর্থিত। খুব বড় বা জটিল ফাইলগুলি প্রক্রিয়া করতে বেশি সময় লাগতে পারে। সমস্ত রূপান্তর আপনার ব্রাউজারে ঘটে, তাই প্রক্রিয়াকরণের গতি আপনার ডিভাইসের উপর নির্ভর করে।
এই রূপান্তর নিরাপদ এবং ব্যক্তিগত?
হ্যাঁ। সমস্ত প্রক্রিয়াকরণ আপনার ব্রাউজারে স্থানীয়ভাবে ঘটে। আপনার ডেটা কখনই আপনার ডিভাইস ছেড়ে যায় না — কোনও সার্ভার আপলোড নেই, কোনও ক্লাউড প্রক্রিয়াকরণ নেই, কোনও ডেটা সংগ্রহ নেই।
ইমোজি সমর্থিত?
ইউনিকোড ইমোজি সরাসরি পাস করে (একটি হার্ট ইমোজি টাইপ করলে আউটপুটে একটি হার্ট দেখায়)। গিটহাব-স্টাইল : ইমোজি: শর্টকোডগুলি ডিফল্টরূপে রূপান্তরিত হয় না; আপনার প্রয়োজন হলে একটি এক্সটেনশন যোগ করুন।
আমার মার্কডাউন কি একটি সার্ভারে আপলোড করা হয়েছে?
আপনার ব্রাউজারে চিহ্নিত রান; রূপান্তর সম্পূর্ণরূপে আপনার ডিভাইসে ঘটে।
আমি কি HTML এ কাস্টম স্টাইলিং যোগ করতে পারি?
হ্যাঁ, রূপান্তরের পরে। আউটপুট হল প্লেইন সিমেন্টিক HTML; স্টাইল শিরোনাম, কোড ব্লক, টেবিল এবং অন্যান্য উপাদানগুলিতে আপনার নিজস্ব CSS প্রয়োগ করুন।
এটা পাদটীকা সমর্থন করে?
স্ট্যান্ডার্ড কমনমার্ক ফুটনোট সিনট্যাক্স নির্দিষ্ট করে না। কিছু মার্কডাউন এক্সটেনশন [^1] ফুটনোট সিনট্যাক্স সমর্থন করে; এই রূপান্তরকারী GFM অনুসরণ করে, যা পাদটীকা অন্তর্ভুক্ত করে না।