বিনামূল্যে Markdown এডিটর
রিয়েল টাইমে Markdown লিখুন ও প্রিভিউ করুন। শিরোনাম, বোল্ড, ইটালিক, কোড ব্লক, টেবিল এবং তালিকা সমর্থন করে।
Markdown চিটশিট
সাধারণ ব্যবহার
- Markdown এ API ডকুমেন্টেশন লিখুনMarkdown এ এন্ডপয়েন্ট বর্ণনা, অনুরোধ/প্রতিক্রিয়া উদাহরণ এবং প্যারামিটার টেবিল খসড়া করুন।
- মার্কডাউন নোট নিনNotion, Obsidian, Bear বা যেকোনো Markdown অ্যাপে পেস্ট করা যায় এমন কাঠামোগত নোট Markdown-এ লিখুন।
- Markdown এ GitHub README লিখুনলাইভ Markdown রেন্ডারিং সহ আপনার GitHub রিপোজিটরি README খসড়া এবং পূর্বরূপ দিন।
- প্রযুক্তিগত নথিপত্র লিখুনপ্রকাশনার আগে Markdown এ API ডক উইকি এবং প্রযুক্তিগত নির্দেশিকা লিখুন এবং পূর্বরূপ দিন।
- Markdown এ ব্লগ পোস্ট লিখুনGhost Jekyll Hugo Hashnode এবং অন্যান্য Markdown-ভিত্তিক প্রকাশনা প্ল্যাটফর্মের জন্য ব্লগ পোস্ট খসড়া করুন।
কিভাবে কাজ করে
প্রিভিউ টুলে সরাসরি তৈরি একটি হাতে লেখা Markdown পার্সার দিয়ে দেখানো হয় — কোনো marked, remark বা বাইরের লাইব্রেরি নেই। এটি ব্রাউজারে উৎস লাইন ধরে ধরে টোকেনাইজ করে, সিনট্যাক্সকে HTML-এ রূপান্তর করে, যা দেখানোর আগে একটি sanitizer দিয়ে যায়।
- 1লাইন ধরে ধরে টোকেনাইজেশনকাস্টম renderMarkdown ফাংশন আপনার উৎসকে নতুন লাইনে ভাগ করে এক ধাপে ঘোরে, অগ্রাধিকার ক্রমে fenced কোড ব্লক, হেডিং (H1–H6), blockquote, ক্রমযুক্ত ও ক্রমহীন তালিকা, GFM টেবিল (কলাম সারিবদ্ধতাসহ), অনুভূমিক রেখা এবং অনুচ্ছেদ মেলায়।
- 2ইনলাইন সিনট্যাক্স প্রসারণপ্রতিটি সংগৃহীত লাইন বা ঘর তারপর inlineMarkdown দিয়ে প্রক্রিয়া হয়, একটি regex প্রতিস্থাপনের শৃঙ্খল যা bold (** ও __), italic (* ও _), bold-italic (***), strikethrough (~~), ইনলাইন কোড (), ছবি () ও লিংক ([text](url)) সামলায় — ছবি লিংকের আগে সমাধান হয় যাতে ! প্রিফিক্স ভুলভাবে খেয়ে না ফেলে।
- 3স্যানিটাইজেশন ও দূরবর্তী রিসোর্স ব্লকরেন্ডারারের তৈরি কাঁচা HTML একটি sanitizer (sanitize-html) দিয়ে যায়, যা <script>, onerror হ্যান্ডলার ও javascript: href-এর মতো অনিরাপদ ট্যাগ ও অ্যাট্রিবিউট সরায়। দ্বিতীয় ধাপ (neutralizeRemote) ডিফল্টে দূরবর্তী ছবির src মান প্লেসহোল্ডার দিয়ে বদলায়, যাতে আপনি সম্মতি দেওয়ার আগে প্রিভিউ চুপচাপ বাইরের সার্ভারে যোগাযোগ না করে।
- 4.md বা স্বতন্ত্র .html হিসেবে এক্সপোর্টMarkdown কপি বা ডাউনলোড করলে কাঁচা উৎস টেক্সট লেখা হয়। HTML ডাউনলোড স্যানিটাইজ করা আউটপুটকে নিজস্ব ইনলাইন স্টাইলশিটসহ একটি স্বয়ংসম্পূর্ণ ডকুমেন্টে মোড়ে — Tailwind ক্লাস শুধু সাইটের ভেতরে কাজ করে, তাই এক্সপোর্টে এর বদলে সাধারণ CSS নিয়ম থাকে, ফলে ফাইলটি যেকোনো জায়গায় পড়া যায়।
সম্পর্কিত টুলস
HTML থেকে Markdown কনভার্টার
HTML-কে পরিষ্কার Markdown-এ রূপান্তর করুন। শিরোনাম, তালিকা, লিঙ্ক, ছবি, কোড ব্লক, টেবিল এবং ব্লককোট পরিচালনা করে। CMS থেকে বিষয়বস্তু স্থানান্তরের জন্য আদর্শ।
Markdown থেকে HTML কনভার্টার
লাইভ প্রিভিউসহ Markdown-কে পরিষ্কার HTML-এ রূপান্তর করুন। ব্লগ, CMS বা ইমেইল টেমপ্লেটের জন্য পেস্ট-প্রস্তুত HTML কপি করতে সোর্স ভিউ ব্যবহার করুন।
Mermaid ডায়াগ্রাম এডিটর
লাইভ প্রিভিউসহ Mermaid সিনট্যাক্সে ফ্লোচার্ট, সিকোয়েন্স ডায়াগ্রাম, Gantt চার্ট এবং আরও অনেক কিছু লিখুন। SVG বা PNG হিসেবে এক্সপোর্ট করুন। সম্পূর্ণ ব্রাউজারেই চলে।