Markdown HTML-i konverter tasuta
Teisenda Markdown puhtaks HTML-iks reaalajas eelvaatega. Kasuta lähtevaateid koheselt kleepitava HTML-i kopeerimiseks blogide, CMS-ide või e-posti mallide jaoks.
Kleebi Markdown vasakule; puhas HTML ilmub paremale.
HTML väljund ilmub siia…Levinud kasutusviisid
- Avaldage Markdown CMS-ileTeisendage Markdown märkused HTML-i CMS-i süsteemidesse, mis aktsepteerivad ainult HTML-i.
- Looge HTML-i e-posti sisuTeisendage Markdown HTML-i kandevabadeks e-postitusteks ja uudiskiri.
- Vaadake eelnevalt README-faile kohalikultKleepige oma README.md-fail, et näha, kuidas see GitHub'is, GitLab'is või npm-s renderdub.
- Looge lehesisu staatilistele saitideleTeisendage Markdown-keha sisu HTML-i käsitsi ehitatud staatilistele saitidele või ühekordsele lehtedele.
- Looge HTML dokumentatsiooniTeisendage sisemine Markdown dokumentatsioon HTML-i rakenduste, tugihallidesse või teadmistebaasidesse sisestamiseks.
Kuidas see töötab
Teisendus tehakse täielikult sinu brauseris käsitsi kirjutatud Markdown-parseriga — kolmanda osapoole teeki ega serveripäringut pole. Parser käib allika läbi rea-kaupa, rakendades plokitasandi reegleid (pealkirjad, loendid, tabelid, piirdega kood) ning seejärel teist läbimist reasiseste regulaaravaldise mustritega rasvase kirja, kaldkirja, linkide, piltide ja reasisese koodi jaoks.
- 1Plokistruktuur parsitakse esmaltParser loeb toorest Markdown'i rea-kaupa, tuvastades plokitasandi konstruktsioone: piirdega koodiplokke (valikulise keeleklassiga), ATX-pealkirju (# kuni ######), tsitaate, järjestatud ja järjestamata loendeid koos GFM-ülesandeloendi märkeruutudega, GFM-tabeleid veeru-joondusega, horisontaalseid jooni ja lõike, mis korrektselt ühendavad pehmelt-murtud jätkurea.
- 2Reasisesed mustrid rakendatud iga ploki seesPärast iga ploki teksti HTML-paotamist teisendab regulaaravaldise kett funktsioonis parseInline() reasisese süntaksi: pildid ja lingid (koos URL-skeemi valge nimekirjaga, mis eemaldab javascript: ja data: hrefid), **rasvane**, *kald*, ~~läbikriips~~, ja reasisene kood — selles tähtsuse järjekorras.
- 3Reaalajas HTML-väljund koos eelvaate-lülitigaHTML-string arvutatakse uuesti useMemo abil iga klahvivajutusega, nii et parem paan uueneb koheselt. Lüliti vahetab toore HTML-lähtevaate ja brauseri enda paigutusmootorit kasutava renderdatud eelvaate vahel.
- 4Kolm väljundvõimalust, sealhulgas rikkaliku teksti kopeerimineSaad kopeerida toore HTML markupi, laadida alla täieliku iseseisva .html faili DOCTYPE ja charset meta-sildiga, või kasutada 'Kopeeri rikkalik tekst' — mis kirjutab nii text/html kui text/plain MIME-tüübid lõikelauale Clipboard API ClipboardItem'i kaudu, nii et vormindatud tulemus kleepub otse Gmaili, Google Docs'i või Wordi ilma lisasammudeta.
Seotud tööriistad
HTML Markdowni konverter
Teisenda HTML puhtaks Markdowniks. Käsitleb pealkirju, loendeid, linke, pilte, koodiplokke, tabeleid ja tsitaatplokke. Ideaalne sisu CMS-idest väljaviimiseks.
Markdowni redaktor
Kirjuta ja vaata Markdowni reaalajas. Toetab pealkirju, pakskirja, kursiivsust, koodiplokke, tabeleid ja loendeid.
MIDI-MP3-muundur
Teisenda MIDI-fail (.mid) MP3-ks või WAV-iks General MIDI helifondiga. Kuula brauseris ning muuda tempot, helistikku või instrumenti; midagi ei laadita üles.