Teksti🔒 Toimii selaimessasi

Markdown-esikatselu

Kirjoita Markdownia ja näe reaaliaikainen HTML-esikatselu

Käyttötapaukset

Luonnostele README ennen sen työntämistä GitHubiin tai GitLabiin.
Esikatsele Markdownilla kirjoitettu blogikirjoitus ennen sen liittämistä CMS:ään.
Kirjoita teknisiä muistiinpanoja syntaksin korostetulla koodilla ja KaTeX-yhtälöillä.
Tarkista, miten pitkä asiakirja renderöityy ilman staattista sivugeneraattoria.
Iteroi Mermaid-kaaviota tai tehtävälistaa live-esikatselulla.

Tietoa: Markdown-esikatselu

Markdown-esikatselu mahdollistaa Markdownin kirjoittamisen ja live-HTML-esikatselun rinnakkain. Se on ilmainen, toimii kokonaan selaimessasi eikä tallenna tietoja millekään palvelimelle. Täydellinen README-tiedostojen, blogikirjoitusten, dokumentaation tai minkä tahansa Markdown-sisällön laatimiseen.

Usein kysytyt kysymykset

Miten esikatselen Markdown-tekstiäni?

Kirjoita tai liitä Markdown-teksti editoriin vasemmalle puolelle. Työkalu renderöi live-HTML-esikatselun oikealle puolelle reaaliajassa kirjoittaessasi, jotta näet tarkalleen, miltä muotoiltu teksti näyttää.

Tallennetaanko Markdown-sisältöni jonnekin?

Ei, kaikki tapahtuu paikallisesti selaimessasi. Markdown-tekstiäsi ei koskaan lähetetä palvelimelle tai tallenneta minnekään. Voit työskennellä yksityisten muistiinpanojen, dokumentaation tai luottamuksellisen sisällön parissa huoletta.

Mitä Markdown-ominaisuuksia tuetaan?

Työkalu tukee standardi Markdown-syntaksia, mukaan lukien otsikot, lihavointi, kursiivi, linkit, kuvat, koodilohkot, listat, lainaukset, taulukot ja paljon muuta. Se renderöi sisältösi tarkasti, jotta voit varmistaa muotoilun ennen sen käyttöä muualla.

Mitä Markdown-laajennuksia tuetaan CommonMarkin lisäksi?

GFM marked-kirjaston kautta (taulukot, tehtävälistat, yliviivaus, autolinkit, fenced code), syntaksin korostus highlight.js:n kautta yli 20 kielelle, KaTeX matematiikkaan (inline $…$ ja lohko $$…$$), ==korostus==, ~sub~ ja ^sup^, alaviitteet [^1] ja Mermaid-kaaviot koodilohkoissa. HTML Markdownin sisällä säilytetään mutta puhdistetaan XSS:ää vastaan.

Onko renderöity HTML turvallista liittää muualle?

Pääosin — puhdistaja poistaa <script>, <object>, <embed>, on*-tapahtumakäsittelijät ja javascript: / data: hrefs (paitsi data:image), mikä kattaa yleiset XSS-vektorit. Se ei kuitenkaan ole täysi DOMPurify-vastine. Jos renderöit epäluotettavaa Markdownia palvelimen puolella tai liität tulosteen tietoturvaherkkään kontekstiin, aja se myös kovetetun puhdistajan läpi.

🔧 Aiheeseen liittyvät työkalut

Käyttötapaukset

Luonnostele README ennen sen työntämistä GitHubiin tai GitLabiin.

Esikatsele Markdownilla kirjoitettu blogikirjoitus ennen sen liittämistä CMS:ään.

Kirjoita teknisiä muistiinpanoja syntaksin korostetulla koodilla ja KaTeX-yhtälöillä.

Tarkista, miten pitkä asiakirja renderöityy ilman staattista sivugeneraattoria.

Iteroi Mermaid-kaaviota tai tehtävälistaa live-esikatselulla.