Markdown–HTML-muunnin ilmaiseksi
Muunna Markdown siistiksi HTML:ksi reaaliaikaisella esikatselulla. Käytä lähdekoodinäkymää kopioidaksesi valmiin HTML:n blogeihin, CMS-järjestelmiin tai sähköpostimalleihin.
Liitä Markdown vasemmalle; puhdas HTML ilmestyy oikealle.
HTML-tuloste ilmestyy tähän…Yleiset käyttötavat
- Julkaise Markdown CMS:äänMuunna Markdown-muistiinpanot HTML:ksi liitettäviksi CMS-järjestelmiin, jotka hyväksyvät vain HTML:n.
- Luo HTML-sähköpostisisältöMuunna Markdown HTML:ksi transaktio-sähköposteihin ja uutiskirjeisiin.
- Esikatsele README-tiedostoja paikallisestiLiitä README.md nähdäksesi, miten se renderöidään GitHubissa, GitLabissa tai npmissä.
- Luo sivun sisältö staattisille sivustoilleMuunna Markdown-sisältö HTML:ksi käsin rakennetuille staattisille sivustoille tai kerta-sivuille.
- Rakenna dokumentaatio HTMLMuunna sisäiset Markdown-asiakirjat HTML:ksi upotettavaksi sovelluksiin, ohjauskeskuksiin tai tietokantoihin.
Miten se toimii
Muunnos tehdään kokonaan selaimessasi käsin kirjoitetulla Markdown-jäsentimellä — ei kolmannen osapuolen kirjastoa, ei palvelinpyyntöä. Jäsennin käy lähdettä läpi rivi riviltä, soveltaen lohkotason sääntöjä (otsikot, listat, taulukot, eristetty koodi) ja sitten toisen läpikäynnin inline-regex-kaavoja lihavoinnille, kursiiville, linkeille, kuville ja inline-koodille.
- 1Lohkorakenne jäsennetään ensinJäsennin lukee raa'an Markdownin rivi riviltä, tunnistaen lohkotason rakenteet: eristetyt koodilohkot (valinnaisella kielikoodilla), ATX-otsikot (# – ######), lainaukset, järjestetyt ja järjestämättömät listat mukaan lukien GFM-tehtävälistan valintaruudut, GFM-taulukot sarakkeiden tasauksella, vaakaviivat ja kappaleet, jotka yhdistävät oikein pehmeästi rivitetyt jatkorivit.
- 2Inline-kaavat sovellettu jokaisen lohkon sisälläKun kunkin lohkon teksti on HTML-suojattu, regex-ketju parseInline()-funktiossa muuntaa inline-syntaksin: kuvat ja linkit (URL-skeeman sallittulistalla, joka poistaa javascript:- ja data:-hrefit), **lihavoinnin**, *kursiivin*, ~~yliviivauksen~~ ja inline-koodin — tässä etusijajärjestyksessä.
- 3Suora HTML-tuloste esikatselukytkimelläHTML-merkkijono lasketaan uudelleen useMemo-toiminnolla jokaisella näppäilyllä, joten oikea paneeli päivittyy välittömästi. Kytkin vaihtaa raa'an HTML-lähdenäkymän ja selaimen omalla asettelumoottorilla piirretyn esikatselun välillä.
- 4Kolme tulostevaihtoehtoa mukaan lukien rikkaan tekstin kopiointiVoit kopioida raa'an HTML-merkinnän, ladata täydellisen itsenäisen .html-tiedoston DOCTYPE- ja charset-meta-tagilla, tai käyttää 'Kopioi rikas teksti' -toimintoa — joka kirjoittaa sekä text/html- että text/plain-MIME-tyypit leikepöydälle Clipboard-rajapinnan ClipboardItem-oliolla, joten muotoiltu tulos liimautuu suoraan Gmailiin, Google Docsiin tai Wordiin ilman ylimääräisiä vaiheita.
Liittyvät työkalut
HTML–Markdown-muunnin
Muunna HTML siistiksi Markdowniksi. Käsittelee otsikoita, listoja, linkkejä, kuvia, koodilohkoja, taulukoita ja lainauslohkoja. Täydellinen sisällön siirtämiseen CMS-järjestelmistä.
Markdown-editori
Kirjoita ja esikatsele Markdownia reaaliajassa. Tukee otsikoita, lihavointia, kursiivia, koodilohkoja, taulukoita ja listoja.
MIDI MP3-muuntimeksi
Muunna MIDI-tiedosto (.mid) MP3- tai WAV-muotoon General MIDI -äänipankilla. Kuuntele selaimessasi ja vaihda tempoa, sävellajia tai soitinta; mitään ei ladata palvelimelle.