Neidio i'r prif gynnwys
LibraTool logoLibraTool

Golygydd Markdown am ddim

Ysgrifennwch a rhagweld Markdown mewn amser real. Yn cefnogi penawdau, trwm, italig, blociau cod, tablau, a rhestrau.

Yn gweithio all-lein ar ôl llwytho
99 geiriau · 586 nodau
Markdown
Rhagolwg
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Croeso i'r Golygydd Markdown</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Ysgrifennwch <strong>Markdown</strong> ar y chwith, gweld yr rhagolwg byw ar y dde.</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Nodweddion</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>Trwm</strong>, <em>italig</em>, a <del>llinell-trwy</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">Cod mewn llinell</code> a blociau cod wedi'u ffensio</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">Dolenni</a></li><li class="my-0.5">Rhestrau, dyfynodau bloc, tablau, ac yn y blaen</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Enghraifft god</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">Crëwyd Markdown gan John Gruber yn 2004 i wneud ysgrifennu ar gyfer y we yn haws.</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">Nodwedd</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">Cynhaliedig</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Penawdau</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">Rhestrau</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">Tablau</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">Cod</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Taflen dwylo Markdown
# Heading 1H1
**bold**Trwm
*italic*Italig
`code`Cod llinell
- itemRhestr bwledau
1. itemRhestr rifau
> quoteDyfynbwn
[text](url)Dolen
![alt](url)Delwedd
---Rhaniadur

Defnyddiau cyffredin

  • Ysgrifennu Dogfennaeth API mewn MarkdownDrafftiwch ddisgrifiadau endpoint, enghreifftiau cais/ymateb, a thablau paramedrau mewn markdown.
  • Cymeryd Nodiadau MarkdownYsgrifennwch nodiadau strwythuredig mewn markdown y gellir eu glynnu i Notion, Obsidian, Bear, neu unrhyw ap markdown.
  • Ysgrifennu README GitHub mewn MarkdownDrafftio ac ragweld eich README storfa GitHub gyda rendro Markdown byw.
  • Ysgrifennu Dogfennaeth DechnegolYsgrifennu ac ragweld docs API, wikis a thrysorau technegol mewn Markdown cyn cyhoeddi.
  • Ysgrifennu Postiadau Blog mewn MarkdownDrafftio postiadau blog mewn Markdown ar gyfer Ghost, Jekyll, Hugo, Hashnode a phlattfformau cyhoeddi Markdown-seiliedig eraill.

Sut Mae'n Gweithio

Mae'r rhagolwg yn cael ei rendro gan ddosrannwr Markdown wedi'i ysgrifennu â llaw wedi'i adeiladu'n uniongyrchol yn yr offeryn — dim marked, dim remark, dim llyfrgell allanol. Mae'n tocynnu'r ffynhonnell linell-wrth-linell yn y porwr, gan drosi cystrawen i HTML sydd wedyn yn cael ei drosglwyddo drwy sanitizer cyn dangos.

  1. 1
    Tocynnu llinell-wrth-linell
    Mae ffwythiant renderMarkdown personol yn rhannu eich ffynhonnell ar linellau newydd ac yn cerdded drwyddynt mewn un pas, gan gyfateb blociau cod wedi'u ffensio, penawdau (H1–H6), dyfyniadau bloc, rhestrau trefnedig a heb eu trefnu, tablau GFM (â aliniad colofn), rheolau llorweddol, a pharagraffau mewn trefn flaenoriaeth.
  2. 2
    Ehangu cystrawen mewn-lein
    Yna caiff pob llinell neu gell a gasglwyd ei brosesu gan inlineMarkdown, cadwyn o ddisodliadau mynegiad rheolaidd sy'n trin tew (** a __), italeidd (* a _), tew-italeidd (***), trawstoriad (~~), cod mewn-lein, delweddau (![alt](url)), a dolenni ([testun](url)) — mae delweddau'n cael eu datrys cyn dolenni fel na chaiff y rhagddodiad ! ei ddefnyddio'n anghywir.
  3. 3
    Sanitizio a rhwystro adnoddau pell
    Mae'r HTML amrwd a gynhyrchir gan y rendrwr yn cael ei drosglwyddo drwy sanitizer (sanitize-html) i dynnu tagiau a phriodweddau anniogel fel <script>, trinyddion onerror, a hrefs javascript:. Mae ail bas (neutralizeRemote) yn disodli gwerthoedd src delwedd bell â deiliaid lle yn rhagosodedig, gan atal y rhagolwg rhag ffonio adref yn dawel i weinyddion allanol cyn i chi ddewis i mewn.
  4. 4
    Allforio fel .md neu .html annibynnol
    Mae copïo neu lawrlwytho Markdown yn ysgrifennu'r testun ffynhonnell amrwd. Mae lawrlwytho HTML yn lapio'r allbwn wedi'i sanitizio mewn dogfen hunangynhwysol â'i thaflen arddull mewn-lein ei hun — dim ond y tu mewn i'r wefan mae dosbarthiadau Tailwind yn gweithio, felly mae'r allforiad yn bwndelu rheolau CSS plaen yn lle hynny, gan wneud y ffeil yn ddarllenadwy unrhyw le.

Offer Cysylltiedig

📝

Trawsnewidydd HTML i Markdown

Trawsnewidwch HTML i Markdown glân. Trin penawdau, rhestrau, dolenni, delweddau, blociau cod, tablau, a blociau dyfyniad. Perffaith ar gyfer symud cynnwys allan o CMSiau.

Rhowch gynnig arni
🔄

Trawsnewidydd Markdown i HTML

Trawsnewidwch Markdown i HTML glân gyda rhagolwg byw. Defnyddio'r golwg ffynhonnell i gopïo HTML parod i'w gludo ar gyfer blogiau, CMSiau, neu demplatau e-bost.

Rhowch gynnig arni
📊

Golygydd Diagram Mermaid

Ysgrifennwch siartiau llif, diagramau dilyniant, siartiau Gantt, a mwy yn syntax Mermaid gyda rhagolwg byw. Allforio fel SVG neu PNG. Yn rhedeg yn llwyr yn eich porwr.

Rhowch gynnig arni

Cwestiynau Cyffredin