HTML–Markdown-muunnin ilmaiseksi
Muunna HTML siistiksi Markdowniksi. Käsittelee otsikoita, listoja, linkkejä, kuvia, koodilohkoja, taulukoita ja lainauslohkoja. Täydellinen sisällön siirtämiseen CMS-järjestelmistä.
Liitä HTML vasemmalle; puhdas Markdown ilmestyy oikealle. Markdown on yksinkertaisempi kuin HTML, joten tyylimäärittelyt, skriptit ja monimutkaiset taulukot yksinkertaistetaan tai jätetään pois.
Vihje: liitä muotoiltu teksti, joka on kopioitu verkkosivulta, Wordista tai Google Docsista - sen HTML tallennetaan automaattisesti.
Markdown-tulos näkyy tässä…Yleiset käyttötavat
- Siirrä blogi sisältö MarkdowniinMuunna vanhat WordPress-, Medium- tai muut CMS-postaukset Markdowniksi staattisten sivustojen generaattoreille.
- Muunna sähköpostisisältö MarkdowniksiVedä tekstiä HTML-sähköposteista tai verkkoblogiartiikkeista ja muunna Markdowniksi muistio-sovelluksille.
- Muunna HTML-asiakirjat MarkdowniksiSiirrä vanha HTML-dokumentaatio Markdown-pohjaiseen asiakirjajärjestelmään (Docusaurus, GitBook, MkDocs).
- CMS-vientiä siivousSiivoa CMS-istä viety sekava HTML ja muunna se versiohallinnon soveltuvaksi Markdowniksi.
- Valmistele HTML-sisältö LLM-kehottimilleMuunna HTML-sisältö puhtaaksi Markdowniksi käytettäväksi ChatGPT-, Claude- tai muissa LLM-kehottimissa.
Miten se toimii
Tämä muunnin on rakennettu käsin kirjoitetun, ilman riippuvuuksia toimivan regex-putken ympärille — kolmannen osapuolen kirjastoa ei tuoda. Koko muunnos tapahtuu selaimessasi Reactin useMemo-kutsun kautta, päivittäen tulosteen reaaliajassa kirjoittaessasi.
- 1Liittämisen tunnistus siepaa rikkaan tekstinClipboardEvent-käsittelijä lukee text/html-muodon leikepöydältä ennen kuin selain voi liittää pelkkää tekstiä. Tämä tarkoittaa, että liittäminen suoraan verkkosivulta, Google Docsista tai Wordista kaappaa automaattisesti raa'an HTML-merkinnän — sinun ei tarvitse ensin katsoa lähdekoodia.
- 2Monivaiheinen regex-putki poistaa ja muuntaa tagitMuunnin ajaa tiukan järjestyksen regex-vaiheita: se poistaa ensin <head>-, <script>-, <style>-elementit ja HTML-kommentit, sitten kätkee eristetyt koodilohkot nollatavu-sijaismerkkien taakse estääkseen myöhempiä vaiheita vahingoittamasta koodisisältöä. Seuraavat vaiheet käsittelevät otsikot (h1–h6), lainaukset, kuvat, linkit, lihavoinnin/kursiivin/yliviivauksen, järjestetyt ja järjestämättömät listat, sekä perustason GFM-putkitaulukot — jokainen vaihe kohdistuu tiettyyn tagiperheeseen.
- 3Yksiköiden purku ja välilyöntien normalisointiKun kaikki tagit on poistettu, erillinen decodeEntities-funktio ratkaisee nimetyt yksiköt (&, < jne.) sekä numeeriset desimaali- ja heksaviittaukset (', ') String.fromCodePoint-funktiolla. Virheelliset tai alueen ulkopuoliset koodipisteet korvataan Unicode-korvausmerkillä poikkeuksen heittämisen sijaan. Perässä olevat välilyönnit, supistetut tyhjien rivien jaksot ja ylimääräiset välilyönnit normalisoidaan sitten.
- 4Suojatut koodijaksot palautetaanSijaisjärjestelmä (nollatavuin erotellut indeksit) puretaan viimeisenä, kun poisto, purku ja välilyöntien supistus on saatu päätökseen. Tämä estää yksikkösekvenssejä koodiliteraalien sisällä purkautumasta kahdesti — yleinen kaksinkertaisen purun bugi yksinkertaisissa HTML-Markdown-muuntimissa.
Liittyvät työkalut
Markdown–HTML-muunnin
Muunna Markdown siistiksi HTML:ksi reaaliaikaisella esikatselulla. Käytä lähdekoodinäkymää kopioidaksesi valmiin HTML:n blogeihin, CMS-järjestelmiin tai sähköpostimalleihin.
Markdown-editori
Kirjoita ja esikatsele Markdownia reaaliajassa. Tukee otsikoita, lihavointia, kursiivia, koodilohkoja, taulukoita ja listoja.
HTML-koodaaja ja -purkaja
Koodaa erikoismerkit HTML-entiteeteiksi tai pura entiteetit takaisin pelkäksi tekstiksi. Välittömästi, selaimessasi.