இலவச 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 ஐ ஜான் க்ரூபர் 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>