ตัวแก้ไข Markdown ฟรี

<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">ยินดีต้อนรับเข้าสู่ตัวแก้ไข Markdown</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">เขียน <strong>Markdown</strong> ทางด้านซ้าย ดูตัวอย่างสดทางด้านขวา</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">คุณสมบัติ</h3> <ul class="list-disc list-inside my-3 space-y-0.5 text-slate-700 dark:text-slate-300"><li class="my-0.5"><strong>ตัวหนา</strong> <em>ตัวเอียง</em> และ <del>ขีดทับ</del></li><li class="my-0.5"><code class="bg-slate-100 dark:bg-slate-800 text-pink-600 dark:text-pink-400 rounded px-1 py-0.5 text-[0.85em] font-mono">โค้ดอินไลน์</code> และบล็อกโค้ดที่ล้อมรอบ</li><li class="my-0.5"><a href="https://libratool.com" target="_blank" rel="noopener noreferrer" class="text-teal-600 dark:text-teal-400 underline underline-offset-2">ลิงก์</a></li><li class="my-0.5">รายการ บล็อกอ้างอิง ตาราง และอื่นๆ อีกมากมาย</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">ตัวอย่างโค้ด</h3> <pre class="bg-slate-900 dark:bg-slate-950 text-slate-100 rounded-lg p-4 overflow-x-auto text-sm font-mono my-4"><code class="language-javascript">function greet(name) { return `Hello, ${name}!`; }</code></pre> <blockquote class="border-l-4 border-teal-400 dark:border-teal-600 pl-4 my-3 text-slate-600 dark:text-slate-400 italic">Markdown ถูกสร้างโดย John Gruber ในปี 2004 เพื่อให้การเขียนสำหรับเว็บง่ายขึ้น</blockquote> <table class="my-4 w-full text-sm border-collapse"><thead><tr><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">คุณสมบัติ</th><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">รองรับ</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">หัวเรื่อง</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">รายการ</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">ตาราง</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">โค้ด</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>