📝
Urejevalnik Markdown — brezplačno
Pišite in predoglejte Markdown v realnem času. Podpira naslove, krepko, ležeče, bloke kode, tabele in sezname.
Deluje brez povezave po nalaganju
91 besede · 552 znaki
Markdown
Predogled
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Dobrodošli v urejevalnik Markdown</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Napišite <strong>Markdown</strong> na levo, oglejte si živý predogled na desni.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Funkcije</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>Krepko</strong>, <em>poševno</em> in <del>prečrtano</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">Vstavljena koda</code> in bloki kode z mejami</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">Povezave</a></li><li class="my-0.5">Seznam, navedki, tabele in še več</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Primer kode</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 je leta 2004 ustvaril John Gruber, da bi olajšal pisanje za splet.</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">Funkcija</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">Podprto</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Naslove</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">Seznami</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">Tabele</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">Koda</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown goljufija
# Heading 1H1
**bold**Krepko
*italic*Ležeče
`code`Vgrajena koda
- itemSeznam z oznakami
1. itemOštevilčen seznam
> quoteCitat
[text](url)Povezava
Slika
---Ločilo
Pogosta področja uporabe
- Napišite dokumentacijo API v MarkdownSkicirajte opise končnih točk, primere zahtevkov/odgovorov in preglednice parametrov v Markdown.
- Vodite Markdown opombeNapišite strukturirane opombe v Markdown, ki jih je mogoče prilepiti v Notion, Obsidian, Bear ali katero koli aplikacijo Markdown.
- Napišite GitHub README v MarkdownOsnutek in predogled vašega GitHub repozitorija README z živim upodabljanjem Markdown.
- Napišite tehnično dokumentacijoNapišite in preglejte dokumentacijo API, wikije in tehnične vodnike v Markdown pred objavo.
- Napišite članke v blogu v MarkdownČlanka blog članke v Markdown za Ghost, Jekyll, Hugo, Hashnode in druge platforme za objavljanje Markdown.
Kako deluje
Predogled izriše ročno napisan razčlenjevalnik Markdown, vgrajen neposredno v orodje — brez marked, brez remark, brez zunanje knjižnice. Vir tokenizira vrstico za vrstico v brskalniku in pretvarja skladnjo v HTML, ki nato gre skozi sanitizator pred prikazom.
- 1Tokenizacija vrstica za vrsticoFunkcija renderMarkdown po meri razdeli vaš vir na nove vrstice in jih pregleda v enem prehodu, pri čemer v prednostnem vrstnem redu ujema ograjene bloke kode, naslove (H1–H6), citate, urejene in neurejene sezname, tabele GFM (s poravnavo stolpcev), vodoravne črte in odstavke.
- 2Razširitev vrstične skladnjeVsaka zbrana vrstica ali celica gre nato skozi inlineMarkdown, verigo zamenjav z regularnimi izrazi, ki obravnava krepko (** in __), poševno (* in _), krepko-poševno (***), prečrtano (~~), vrstično kodo, slike () in povezave ([besedilo](url)) — slike so razrešene pred povezavami, tako da se predpona ! ne porabi napačno.
- 3Sanitizacija in blokiranje oddaljenih virovSurov HTML, ustvarjen z izrisovalnikom, gre skozi sanitizator (sanitize-html), ki odstrani nevarne oznake in atribute, kot so <script>, obravnavalniki onerror in hrefi javascript:. Drugi prehod (neutralizeRemote) privzeto zamenja vrednosti src oddaljenih slik z rezervnimi znaki, kar preprečuje, da bi predogled tiho vzpostavil povezavo z zunanjimi strežniki, preden se za to odločite.
- 4Izvoz kot .md ali samostojen .htmlKopiranje ali prenos Markdown zapiše surovo izvorno besedilo. Prenos HTML ovije sanitizirani izpis v samostojen dokument z lastnim vrstičnim slogovnim listom — razredi Tailwind delujejo le znotraj spletnega mesta, zato izvoz namesto tega zapakira navadna pravila CSS, kar naredi datoteko berljivo kjer koli.
Sorodna orodja
Pretvornik HTML v Markdown
Pretvorite HTML v čisti Markdown. Obravnava naslove, sezname, povezave, slike, bloke kode, tabele in citatne bloke. Popolno za prenos vsebine iz sistemov CMS.
Poskusite
Pretvornik Markdown v HTML
Pretvorite Markdown v čisti HTML z živim predogledom. Uporabite pogled vira za kopiranje HTML-ja, pripravljenega za lepljenje, za bloge, sisteme CMS ali e-poštne predloge.
Poskusite
Urejevalnik diagramov Mermaid
Pišite diagramme poteka, zaporedne diagrame, Ganttove diagrame in še več v sintaksi Mermaid z živim predogledom. Izvozite kot SVG ali PNG. Deluje v celoti v vašem brskalniku.
Poskusite