লাইভ প্রিভিউসহ Markdown এডিটর - HTML এক্সপোর্ট
Markdown এডিটর ও প্রিভিউ
সোর্সের কাঁচা HTML প্রিভিউতে টেক্সট হিসেবে দেখায়, এবং javascript: বা data: লিংক নিষ্ক্রিয়।
Markdown কীভাবে লিখবেন
Markdown হলো কয়েকটি বিরামচিহ্নের নিয়মসহ সাধারণ টেক্সট: শিরোনামের জন্য হ্যাশ, জোর দেওয়ার জন্য তারকা, তালিকার আইটেমের জন্য ড্যাশ। README, উইকি, ইস্যু ট্র্যাকার ও অধিকাংশ নোট অ্যাপ এটি বোঝে। এই এডিটর লেখার সঙ্গে সঙ্গে টেক্সট রেন্ডার করে, যাতে কাঠামো গড়ে উঠতে দেখেন, আর শেষে পরিচ্ছন্ন HTML এক্সপোর্ট করে।
ধাপ
- 1 বাম বাক্সে Markdown লিখুন বা পেস্ট করুন। ডানের প্রিভিউ প্রতিটি কী চাপে আপডেট হয়।
- 2 নমুনাটিকে চিট শিট হিসেবে ব্যবহার করুন: শিরোনাম, বোল্ড ও ইটালিক, তালিকা, কোড ব্লক, টেবিল, উদ্ধৃতি ও লিংক সবই এতে আছে।
- 3 CMS বা টেমপ্লেটের জন্য HTML কপি করুন, অথবা নথিটি .md বা স্বতন্ত্র .html ফাইল হিসেবে ডাউনলোড করুন।
এক মিনিটে সিনট্যাক্স
শিরোনাম: # শিরোনাম, ## অংশ, ### উপ-অংশ। জোর: **বোল্ড**, *ইটালিক*, ~~কাটা~~। তালিকা: লাইন - বা 1. দিয়ে শুরু করুন; নেস্ট করতে দুই স্পেস ইনডেন্ট করুন। লিংক: [টেক্সট](https://example.com); ছবি: । ইনলাইন কোড `ব্যাকটিক`-এ যায়; কোড ব্লক তিনটি ব্যাকটিক দিয়ে ঘেরা, পরে ঐচ্ছিকভাবে ভাষার নাম। --- লাইন একটি রেখা আঁকে, আর বড়-চিহ্ন দিয়ে শুরু লাইন উদ্ধৃতি।
টেবিল
টেবিল হলো একটি হেডার সারি, একটি বিভাজক সারি ও ডেটা সারি, কোষগুলো পাইপ দিয়ে আলাদা: | নাম | দাম |। বিভাজক সারিতে ড্যাশ থাকে, আর যেকোনো প্রান্তে কোলন সারিবদ্ধতা ঠিক করে — :--- বামে, :---: মাঝে, ---: ডানে। সোর্সে কলাম সোজা সাজানো থাকতে হবে না; ফাঁক রেন্ডারার সামলায়।
HTML এক্সপোর্টে কী থাকে
HTML কপি শুধু বডি মার্কআপ দেয় — অনুচ্ছেদ, শিরোনাম, তালিকা ও টেবিল — নিজস্ব স্টাইলের পেজে পেস্ট করার জন্য প্রস্তুত। .html ডাউনলোড সেই মার্কআপকে একটি পূর্ণ নথিতে মোড়ে, যার শিরোনাম আপনার প্রথম হেডিং থেকে নেওয়া এবং সঙ্গে একটি ছোট স্টাইলশিট, যাতে ফাইলটি যেকোনো ব্রাউজারে পড়ার মতো করে খোলে।
কাঁচা HTML কেন রেন্ডার হয় না
আদর্শ Markdown HTML-কে অক্ষত পাস করে, যা সুবিধাজনক কিন্তু পেস্ট করা যেকোনো নথিকে পেজে স্ক্রিপ্ট চালানোর পথ বানিয়ে দেয়। এই প্রিভিউ বরং তা এস্কেপ করে: সোর্সের div বা script ট্যাগ টেক্সট হিসেবে দেখায়। একই কারণে javascript: ও data: স্কিমের লিংক নিষ্ক্রিয়। আপনার এক্সপোর্ট করা ফাইলও ইনজেক্ট করা কোড থেকে মুক্ত।