സൗജന്യ 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">വെബിനായി എഴുതൽ എളുപ്പമാക്കാൻ 2004-ൽ ജോൺ ഗ്രൂബർ Markdown സൃഷ്ടിച്ചു.</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>