π
Markdown Editorea doan
Idatzi eta aurreikusi Markdown denbora errealean. Onartzen ditu izenburuak, lodia, etzana, kode-blokeak, taulak eta zerrendak.
Linez kanpo funtzionatzen du behin kargatuta
83 hitz Β· 569 karaktere
Markdown
Aurreikuspen
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Ongi etorri Markdownaren Editorean</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Idatzi <strong>Markdown</strong> ezkerrean, eta ikusi zuzeneko aurrebista eskuinean.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Ezaugarriak</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>Lodia</strong>, <em>etzana</em>, eta <del>marratua</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">Inline kodea</code> eta kodearen blokeak</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">Estekak</a></li><li class="my-0.5">Zerrendak, aipuak, taulak, eta gehiago</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Kodearen adibidea</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">John Gruberk Markdown sortu zuen 2004an weba idaztea errazagoa izateko.</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">Ezaugarria</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">Onartua</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Izenburuak</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">Zerrendak</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">Taulak</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">Kodea</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">β</td></tr></tbody></table>
Markdown orri laguntzailea
# Heading 1H1
**bold**Lodia
*italic*Etzana
`code`Lerro-kodea
- itemPuntu-zerrenda
1. itemZenbakizko zerrenda
> quoteAipamen-blokea
[text](url)Esteka
Irudia
---Banatzailea
Ohiko erabilerak
- Idatzi API Dokumentazioa MarkdownZirriborro endpointaren deskribapenak, eskaera/erantzun adibideak, eta parametro taulak markdown.
- Hartu Markdown NotakIdatzi egituratutaketa notak markdown noiz itsastua Notion, Obsidian, Bear, edo edozein markdown aplikazioa.
- Idatzi GitHub README MarkdownenZirriborrotu eta aurreikusi zure GitHub biltegiaren README bizi Markdown erakustaldiarren.
- Idatzi Dokumentazio TeknikoaIdatzi eta aurreikusi API dokumentuak, wikiak eta teknika gidak Markdownen argitaratu aurretik.
- Idatzi Bloga Argitalpenak MarkdownenZirriborrotu bloga-argitalpenak Markdownen Ghost, Jekyll, Hugo, Hashnode eta Markdown-oinarritutako argitalpen plataformenak.
Nola Funtzionatzen Du
Aurrebista eskuz idatzitako Markdown analizatzaile batek errendatzen du, zuzenean tresnan eraikita β marked ez, remark ez, kanpo liburutegirik ez. Iturria lerroz lerro tokenizatzen du nabigatzailean, sintaxia HTML bihurtuz, gero garbitzaile batetik pasatzen dena bistaratu aurretik.
- 1Lerroz lerroko tokenizazioarenderMarkdown funtzio pertsonalizatuak zure iturria lerro-jauzietan zatitzen du eta pasada bakarrean zeharkatzen ditu, kode-bloke barrikatuak, izenburuak (H1βH6), aipamen-blokeak, zerrenda ordenatu eta ez-ordenatuak, GFM taulak (zutabe-lerrokapenarekin), lerro horizontalak, eta paragrafoak lehentasun-ordenan parekatuz.
- 2Barneko sintaxi-hedapenaBildutako lerro edo gelaxka bakoitza gero inlineMarkdown-ek prozesatzen du, lodia (** eta __), etzana (* eta _), lodi-etzana (***), marratutakoa (~~), barneko kodea (), irudiak (), eta estekak ([testua](url)) kudeatzen dituen erregex-ordezkapen katea β irudiak estekak baino lehen ebazten dira, beraz ! aurrizkia ez da gaizki kontsumitzen.
- 3Garbiketa eta urruneko-baliabide blokeoaErrendatzaileak sortutako HTML gordina garbitzaile batetik pasatzen da (sanitize-html) <script>, onerror kudeatzaile, eta javascript: hrefs bezalako etiketa eta atributu ez-seguruak kentzeko. Bigarren pasada batek (neutralizeRemote) urruneko irudi src balioak leku-gordailuz ordezkatzen ditu lehenetsita, aurrebista isilean kanpo zerbitzarietara komunikatzea saihestuz zuk baimendu arte.
- 4Esportatu .md edo autonomoko .html gisaMarkdown kopiatzeak edo deskargatzeak iturri-testu gordina idazten du. HTML deskargatzeak edukia garbitutako irteera dokumentu autonomo batean biltzen du bere estilo-orri lerrokatuarekin β Tailwind klaseak gunearen barruan bakarrik funtzionatzen dute, beraz esportazioak CSS arau lauak pakotetzen ditu horren ordez, fitxategia edonon irakurgarri bihurtuz.
Erlazionatutako tresnak
HTML Markdown Bihurgailua
Bihurtu HTML Markdown garbi bihurtu. Kudeatzen ditu izenburuak, zerrendak, estekak, irudiak, kode-blokeak, taulak eta aipamenak. Ezin hobea edukia CMSetatik ateratzeko.
Probatu
Markdown HTML Bihurgailua
Bihurtu Markdown HTML garbi bihurtu zuzeneko aurrebistarekin. Erabili iturburua ikusteko blogak, CMSak edo posta elektronikoko txantiloietarako HTML itsatsi-prest kopiatzeko.
Probatu
Mermaid Diagrama Editorea
Idatzi fluxu-diagramak, sekuentzia-diagramak, Gantt diagramak eta gehiago Mermaid sintaxian zuzeneko aurrebistarekin. Esportatu SVG edo PNG bezala. Zure nabigatzailean erabat exekutatzen da.
Probatu