Fara beint í aðalefni
LibraTool logoLibraTool

Markdown-ritill — ókeypis

Skrifaðu og forskoðaðu Markdown í rauntíma. Styður fyrirsagnir, feitletrun, skáletur, kóðablokkir, töflur og lista.

Virkar án nettengingar eftir hleðslu
91 orð · 565 stafir
Markdown
Forskoðun
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Velkomin í Markdown ritil</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Skrifaðu <strong>Markdown</strong> til vinstri, sjáðu bein forskoðun til hægri.</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Eiginleikar</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>Feitletrað</strong>, <em>skáletrað</em>, og <del>strikfellt</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">Innfellt kóða</code> og girð kóða blokkir</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">Tenglar</a></li><li class="my-0.5">Listar, tilvitnanir, töflur og fleira</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Dæmi um kóða</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 var búið til af John Gruber árið 2004 til að auðvelda ritun fyrir vefinn.</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">Eiginleiki</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">Stutt</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Fyrirsagnir</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">Listar</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">Töflur</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">Kóði</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown-hjálparlisti
# Heading 1H1
**bold**Feitletrað
*italic*Skáletrað
`code`Innlínu kóði
- itemPunktalisti
1. itemNúmeraður listi
> quoteBlokktilvitnun
[text](url)Tengill
![alt](url)Mynd
---Skipt lína

Algeng notkun

  • Skrifaðu API skjöl í markdownDrög endapunktar lýsingu, beiðni/svörun dæmi og stika töflur í markdown.
  • Taktu markdown seðlaSkrifaðu skipulögðar seðlar í markdown sem geta verið límðir inn í Notion, Obsidian, Bear eða hvaða markdown app.
  • Skrifaðu GitHub README í MarkdownSettu saman og forskoðaðu GitHub geymsluna þína README með lifandi Markdown birtingu.
  • Skrifaðu tæknilega skjölSkrifaðu og forskoðaðu API skjöl, wiki og tæknilega leiðbeiningar í Markdown áður en birting.
  • Skrifaðu blogg inn MarkdownSettu saman bloggfærslur í Markdown fyrir Ghost, Jekyll, Hugo, Hashnode og aðrir Markdown-byggðir birtingarpallar.

Hvernig það virkar

Forskoðunin er myndgerð af handskrifuðum Markdown-þáttara byggðum beint í tólið — enginn marked, enginn remark, ekkert ytra bókasafn. Það táknar uppsprettuna línu-fyrir-línu í vafranum, breytir setningafræði í HTML sem er svo leidd gegnum hreinsara fyrir sýningu.

  1. 1
    Línu-fyrir-línu táknun
    Sérsniðna renderMarkdown fallið skiptir uppsprettunni þinni á línuskiptum og gengur í gegnum þær í einni lotu, passar við girta kóðablokkir, fyrirsagnir (H1–H6), tilvitnanir, raðaða og óraðaða lista, GFM-töflur (með dálkajöfnun), láréttar línur, og málsgreinar í forgangsröð.
  2. 2
    Innlínu-setningafræði útvíkkun
    Sérhver söfnuð lína eða reitur er svo unnin af inlineMarkdown, keðju regex-uppskiptinga sem meðhöndlar feitletrun (** og __), skáletrun (* og _), feitletrun-skáletrun (***), yfirstrikun (~~), innlínu-kóða (), myndir (![alt](url)), og tengla ([texti](url)) — myndir eru leystar fyrir tengla svo ! forskeytið sé ekki neytt rangt.
  3. 3
    Hreinsun og fjarlægra-auðlinda-blokkun
    Hráa HTML-ið sem myndarinn framleiðir er leitt gegnum hreinsara (sanitize-html) til að fjarlægja óörugg tög og eiginleika eins og <script>, onerror-meðhöndlara, og javascript: hrefs. Önnur lota (neutralizeRemote) skiptir út fjarlægum mynda-src-gildum fyrir staðgengla sjálfgefið, kemur í veg fyrir að forskoðunin hringi þegjandi heim til ytri netþjóna áður en þú velur það.
  4. 4
    Flyttu út sem .md eða sjálfstæða .html
    Afritun eða niðurhal Markdown skrifar hráa uppsprettutextann. Niðurhal HTML vefur hreinsaða úttakið í sjálfstætt skjal með eigin innlínu-stílblaði — Tailwind-flokkar virka aðeins innan síðunnar, svo útflutningurinn pakkar venjulegum CSS-reglum í staðinn, sem gerir skrána læsilega hvar sem er.

Tengd verkfæri

📝

HTML í Markdown breytir

Breyttu HTML í hreint Markdown. Meðhöndlar fyrirsagnir, lista, tengla, myndir, kóðablokkir, töflur og tilvitnunarblokkir. Fullkomið til að flytja efni úr CMS.

Prófaðu það
🔄

Markdown í HTML breytir

Breyttu Markdown í hreint HTML með beinni forskoðun. Notaðu upprunaskoðunina til að afrita tilbúið HTML fyrir blogg, CMS eða tölvupóstssniðmát.

Prófaðu það
📊

Mermaid-myndritaritill

Skrifaðu flæðirit, raðarit, Gantt-línurit og fleira í Mermaid-setningafræði með beinni forskoðun. Flyttu út sem SVG eða PNG. Keyrir alfarið í vafranum þínum.

Prófaðu það

Algengar spurningar