Ratkaisija

Markdown-esikatselu – kirjoita Markdownia ja näe tulos heti

Markdown-esikatselu näyttää kirjoittamasi Markdown-tekstin muotoiltuna samalla, kun kirjoitat. Valmiin HTML:n voi kopioida yhdellä napilla.

Työkalu tukee CommonMarkin perusmerkintöjä: otsikot, kappaleet, lihavoinnin ja kursiivin, luettelot ja numeroidut luettelot, lainaukset, koodin ja koodilohkot, linkit ja kuvat. GitHubin tavoin mukana ovat myös taulukot, yliviivaus ja tehtävälistat. Esikatselu ei aja koodia: HTML-tagit näkyvät tekstinä, ja linkeissä sallitaan vain http-, https- ja mailto-osoitteet. Siksi myös kopioitu HTML on turvallista liittää sivulle. Luonnos säilyy vain omassa selaimessasi.

Mitkä ovat tärkeimmät Markdown-merkinnät?

Otsikko alkaa risuaidalla (# Otsikko, ## Alaotsikko). Lihavointi tehdään kahdella tähdellä (**näin**) ja kursiivi yhdellä (*näin*). Luettelon rivi alkaa viivalla, numeroidun numerolla ja pisteellä. Linkki kirjoitetaan muotoon [teksti](https://osoite.fi) ja kuva samoin huutomerkillä alkaen. Koodi merkitään gravis-aksentein, ja koodilohko kolmella gravis-aksentilla omille riveilleen. Lainaus alkaa merkillä >.

Markdown-esikatselu

Ladataan työkalua...

Kokeile myös:

Etkö tiedä mihin ryhtyä seuraavaksi? Selaa kaikki työkalut

Hae työkalua →
Lisätietoa

Markdown-esikatselu muuntaa Markdownin HTML:ksi selaimessa ja näyttää tuloksen heti. Esikatselu on turvallinen: se ei aja koodia.

Mitä tämä tekee?

Kirjoita tai liitä Markdown editoriin. Esikatselu päivittyy kirjoittaessa, ja pikaoppaasta näet merkinnät.

  • Otsikot, kappaleet, lihavointi, kursiivi, luettelot, lainaukset, koodi, linkit ja kuvat (CommonMark).
  • Taulukot, yliviivaus ja tehtävälistat (GitHub Flavored Markdown).
  • HTML:n ja Markdownin kopiointi sekä sanojen, merkkien ja rivien laskenta.
  • Luonnos tallentuu tämän selaimen muistiin, joten se säilyy sivun uudelleenlatauksessa.
Miten tulosta kannattaa tulkita?

Esikatselu näyttää, miltä teksti näyttää muunnettuna. Eri palvelut, kuten GitHub, Reddit ja dokumentaatiotyökalut, tukevat hieman eri laajennuksia.

  • Raaka HTML näkyy esikatselussa tekstinä, jotta mikään koodi ei pääse ajettavaksi.
  • Linkeistä ja kuvista hyväksytään vain http-, https- ja mailto-osoitteet; muut jätetään pois ja siitä kerrotaan.
  • Viitelinkit ([teksti][1]) ja HTML-entiteetit eivät muunnu.
Hyvä tietää

Tuki on CommonMarkin osajoukko. Harvinaisemmat merkinnät voivat näkyä eri tavalla kuin toisessa palvelussa.

  • Ulkoiset kuvat latautuvat niiden omalta palvelimelta, kun ne näkyvät esikatselussa.
  • Teksti käsitellään selaimessasi, eikä sitä lähetetä minnekään.
  • Lähteet: CommonMark Spec 0.31.2 (spec.commonmark.org); GitHub Flavored Markdown Spec (github.github.com/gfm).
Huom: Kopioitu HTML sisältää vain turvallisia tageja, joten sen voi liittää verkkosivulle sellaisenaan.
Huomasitko virheen tai onko parannusehdotus? info@…