ප්‍රධාන අන්තර්ගතයට පිවිසෙන්න
LibraTool logoLibraTool

නොමිලේ Markdown සංස්කාරකය

සැබෑ කාලයේ Markdown ලියන්න හා පෙරදසුන් කරන්න. ශීර්ෂ, තද, ඇලපී, code block, වගු සහ ලැයිස්තු සඳහා සහය දක්වයි.

load වූ පසු offline ක්‍රියා කරයි
92 වචන · 565 අකුරු
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 දී John Gruber විසින් නිර්මාණය කරන ලද්දේ ජාලය සඳහා ලිවීම පහසු කිරීමට ය।</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>
Markdown ඉක්මන් මාර්ගෝපදේශය
# Heading 1H1
**bold**තද
*italic*ඇලෙකිරීම
`code`Inline කේත
- itemලකුණු ලැයිස්තුව
1. itemඅංකිත ලැයිස්තුව
> quoteඋද්ධරණ කොටස
[text](url)සබැඳිය
![alt](url)ඡායාරූප
---බෙදකය

පොදු භාවිත

  • Markdown හි API documentation ලිවීමටendpoint විස්තර, request/response examples සහ parameter tables Markdown එ draft කරන්න.
  • Markdown සටහන් ගිනුම්Notion, Obsidian, Bear හෝ ඕනෑම Markdown යෙදුමට අලවිය හැකි ව්‍යුහගත සටහන් Markdown එ ලිවීමට මාර්ගගත කරන්න.
  • Markdown වලින් GitHub README ලිවීමඔබේ GitHub ගබඩාව README සජීව Markdown ප්‍රතිනිර්මාණ සමඟ කෙටුම් සහ පෙරදසුන් කරන්න।
  • තාක්ෂණික ලේඛනකරණ ලිවීමප්‍රකාශයට පත් කිරීමට පෙර API docs, wikis සහ තාක්ෂණික මාර්ගෝපදේශ Markdown වලින් ලියා පෙරදසුන් කරන්න.
  • Markdown වලින් බ්ලොග පෝස්ට් ලිවීමGhost, Jekyll, Hugo, Hashnode සහ අනෙකුත් Markdown-ගරු ප්‍රකාශන වේදිකා සඳහා බ්ලොග පෝස්ට් කෙටුම් කරන්න।

එය ක්‍රියා කරන්නේ කෙසේද

preview එක මෙවලමට කෙලින්ම ගොඩනගා ඇති අතින් ලියන ලද Markdown parser එකකින් render කෙරේ — marked නැත, remark නැත, බාහිර පුස්තකාලයක් නැත. එය බ්‍රවුසරයේ source එක පේළියෙන් පේළිය tokenize කර, syntax එක HTML බවට පරිවර්තනය කරයි, එය display කිරීමට පෙර sanitizer එකක් හරහා ලබා දෙනු ලැබේ.

  1. 1
    පේළියෙන් පේළිය tokenization
    අභිරුචි renderMarkdown ශ්‍රිතය ඔබේ source එක newlines මත split කර, tenki fenced code blocks, headings (H1–H6), blockquotes, ordered සහ unordered lists, GFM tables (column-alignment සමඟ), horizontal rules, සහ paragraphs ප්‍රමුඛතා අනුපිළිවෙළින් ගැලපෙන තනි pass එකකින් ඒවා හරහා යයි.
  2. 2
    ඉන්ලයින් සින්ටැක්ස් විස්තාරණය
    එකතු කළ සෑම පේළියක්ම හෝ cell එකක්ම bold (** සහ __), italic (* සහ _), bold-italic (***), strikethrough (~~), inline code, images (![alt](url)), සහ links ([text](url)) හසුරුවන regex replacements දාමයක් වන inlineMarkdown එකෙන් සකසනු ලැබේ — ! prefix එක වැරදි ලෙස consume නොවන ලෙස images links වලට පෙර විසඳනු ලැබේ.
  3. 3
    Sanitization සහ remote-resource blocking
    renderer එකෙන් නිපදවන raw HTML එක <script>, onerror handlers, සහ javascript: hrefs වැනි unsafe tags සහ attributes ඉවත් කිරීමට sanitizer එකක් (sanitize-html) හරහා ලබා දෙනු ලැබේ. දෙවන pass එකක් (neutralizeRemote) preview එක ඔබ opt in වීමට පෙර නිහඬව බාහිර servers වෙත phone home වීම වළක්වා remote image src අගයන් පෙරනිමියෙන් placeholders වලින් ආදේශ කරයි.
  4. 4
    .md හෝ standalone .html ලෙස නිර්යාත කරන්න
    Markdown පිටපත් කිරීම හෝ බාගැනීම raw source text එක ලියයි. HTML බාගැනීම sanitize කළ ප්‍රතිදානය එහිම inline stylesheet එකක් සමඟ self-contained document එකකින් wrap කරයි — Tailwind classes site එක තුළ පමණක් ක්‍රියා කරන නිසා, export එක ඒ වෙනුවට plain CSS නීති bundle කරයි, ගොනුව ඕනෑම තැනක කියවිය හැකි කරමින්.

සම්බන්ධ මෙවලම්

නිතර අසන ප්‍රශ්න