LibraTool logoLibraTool

Tafatiraha Markdown oo Bilaash ah

Qor oo hordhac ku eeg Markdown waqti dhab ah. Waxay taageerayaa cinwaanno, dhogor, buuxsan, code blocks, miisas, iyo liisyo.

Wuu shaqeeyaa oflaayn marka la shubo
97 erey Β· 617 xaraf
Markdown
Hordhac
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Ku soo dhawoow Tifaftirka Markdown</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Ku qor <strong>Markdown</strong> dhinaca bidix, arag hordhaca toos ah dhinaca midig.</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Sifooyinka</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>Qoto dhaw</strong>, <em>jilicsan</em>, iyo <del>xariiq-jaray</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">Koodh gudaha ah</code> iyo qaybaha koodhka la xareeyay</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">Xiriirro</a></li><li class="my-0.5">Liisas, buug-yaraha, jadwalada, iyo wax badan oo kale</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Tusaale koodh ah</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 waxaa sameeyay John Gruber 2004-tii si qoraalka web-ka loo fududeeyo.</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">Sifada</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">La taageero</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Cinwaanno</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">Liisaska</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">Jadwalada</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">Koodhka</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">βœ“</td></tr></tbody></table>
Xigasho degdeg ah oo Markdown
# Heading 1H1
**bold**Qoto dheer
*italic*Jiid
`code`Koodh gudaha ah
- itemLiiska dhibcaha
1. itemLiiska lambarrada
> quoteXigasho
[text](url)Xidhiidh
![alt](url)Sawirka
---Kala qeybiye

Sida Ay U Shaqeyso

Fiiriyaha waxaa sawira falanqeeye Markdown oo gacan lagu qoray oo si toos ah ku jira qalabka β€” marked, remark, laybreri dibadeed midna ma jiraan. Wuxuu tokenize gareeyaa isha khad-khad ahaan biraawsarka, isagoo syntax-ka u beddela HTML kaas oo kadibna loo mariyo sanitizer ka hor muuqaalka.

  1. 1
    Tokenization khad-khad ah
    Function-ka gaarka ah ee renderMarkdown wuxuu ishaada ku kala jaraa khadadka cusub wuxuuna maraa hal socod, isagoo isku-mid u helaya bloogyada koodh xannibeed (fenced), cinwaannada (H1–H6), quotedaha, liisaska nidaamsan iyo aan nidaamsanayn, miisaska GFM (leh isku-dheelitirka tiirka), khadad horizontal ah, iyo qodobbo, mudo-aad-u-hore ah.
  2. 2
    Balaadhinta syntax-ka inline-ka ah
    Khad ama unug la ururiyay kastaa waxaa kadib maareeya inlineMarkdown, silsilad beddel regex ah oo maareeya bold (** iyo __), italic (* iyo _), bold-italic (***), strikethrough (~~), koodh inline ah, sawirro (![alt](url)), iyo links ([text](url)) β€” sawirradu waa la xaliyaa ka hor links si horgalka ! aan si khaldan loo isticmaalin.
  3. 3
    Nadiifinta iyo xannibidda kheyraadka fog
    HTML-ka ceyriinka ah ee sameeyuhu soo saaray waxaa loo mariyaa nadiifiye (sanitize-html) si loo saaro calaamado iyo sifooyin aan ammaan ahayn sida <script>, maareeyayaasha onerror, iyo hrefs javascript:. Mar labaad (neutralizeRemote) wuxuu beddelaa qiyamka src sawirka fogga ah meel-hayeyaal ahaan default ahaan, taasoo ka hortagaysa muuqaalka inuu si aamusan uga wacayo server-yo dibadeed ah ka hor inta aad shiddo.
  4. 4
    Soo saar sida .md ama .html madax-bannaan
    Koobiga ama soo-dejinta Markdown wuxuu qoraa qoraalka asalka ah ee ceyriinka ah. Soo-dejinta HTML wuxuu wax-soo-saarka nadiifsan ku duubaa dukumenti madax-bannaan oo leh stylesheet inline gaar ah β€” fasalada Tailwind waxay kaliya ka shaqeeyaan bogga gudihiisa, sidaa darteed soo-saarku wuxuu ku daraa xeerar CSS caadi ah halkaas, faylkuna meel kasta buu ka akhrin karaa.

Qalabka La Xiriira

πŸ“

Beddelaha HTML ilaa Markdown

U beddel HTML Markdown nadiif ah. Wuxuu maareeyaa cinwaanno, liisyo, links, sawiro, code blocks, iyo blockquotes. Ku habboon guurinta nuxurka CMS-yada.

Isku day
πŸ”„

Beddelaha Markdown ilaa HTML

U beddel Markdown HTML nadiif ah oo leh hordhac tooska ah. Isticmaal muuqaalka source-ka si aad u nuqusho HTML diyaar u ah blogs-ka, CMS-yada, ama email templates.

Isku day
πŸ“Š

Tafatiraha Sawirka Mermaid

Qor jaantusyo qulqulaya, jaantusyo isku xigxiga, jaantusyo Gantt, iyo wax ka badan qoraalka syntax-ka Mermaid iyada oo leh hordhac tooska ah. U dhoofi SVG ama PNG. Wuxuu gebi ahaanba ka shaqeeyaa browser-kaaga.

Isku day

Su'aalaha Inta Badan La Iska Weydiiyo