Langkau ke kandungan utama

Penukar Markdown ke HTML percuma

Tukar Markdown kepada HTML yang bersih dengan pratonton langsung. Gunakan pandangan sumber untuk menyalin HTML sedia tampal untuk blog, CMS, atau templat e-mel.

Berfungsi luar talian selepas dimuatkan
Output HTML akan muncul di sini…

Kegunaan biasa

  • Terbitkan Markdown ke CMSTukar nota Markdown ke HTML untuk menempel ke CMS yang hanya menerima HTML.
  • Bina kandungan e-mel HTMLTukar Markdown ke HTML untuk e-mel transaksi dan surat berita.
  • Pratonton fail README secara tempatanTampal README.md anda untuk melihat bagaimana ia akan diberikan di GitHub, GitLab atau npm.
  • Jana kandungan halaman untuk laman statisTukar badan teks Markdown ke HTML untuk laman statis yang dibuat dengan tangan atau halaman sekali.
  • Bina dokumentasi HTMLTukar dokumen Markdown dalaman ke HTML untuk disertakan dalam aplikasi, pusat sokongan atau pangkalan pengetahuan.

Cara ia berfungsi

Penukaran dilakukan sepenuhnya dalam pelayar anda oleh penghurai Markdown tulisan tangan β€” tiada pustaka pihak ketiga, tiada permintaan pelayan. Penghurai melalui sumber baris-demi-baris, mengenakan peraturan tahap-blok (tajuk, senarai, jadual, kod berpagar) kemudian pas kedua corak regex sebaris untuk tebal, condong, pautan, imej, dan kod sebaris.

  1. 1
    Struktur blok dihurai dahulu
    Penghurai membaca Markdown mentah baris demi baris, mengenal pasti binaan tahap-blok: blok kod berpagar (dengan kelas bahasa pilihan), tajuk ATX (# hingga ######), petikan blok, senarai bertertib dan tidak bertertib termasuk kotak semak senarai-tugas GFM, jadual GFM dengan penjajaran lajur, garis mendatar, dan perenggan yang menggabungkan dengan betul baris sambungan lembut-berbalut.
  2. 2
    Corak sebaris dikenakan di dalam setiap blok
    Selepas teks setiap blok dilepasi-HTML, rantaian regex dalam parseInline() menukar sintaks sebaris: imej dan pautan (dengan penyenaraian-putih skema URL yang membuang href javascript: dan data:), **tebal**, *condong*, ~~coret~~, dan kod sebaris β€” dalam susunan keutamaan itu.
  3. 3
    Output HTML langsung dengan togol pratonton
    Rentetan HTML dikira semula melalui useMemo pada setiap ketukan kekunci, jadi panel kanan dikemas kini serta-merta. Togol menukar antara paparan sumber HTML mentah dan pratonton dipaparkan menggunakan enjin susun atur pelayar sendiri.
  4. 4
    Tiga pilihan output termasuk salinan teks-kaya
    Anda boleh salin markup HTML mentah, muat turun fail .html berdikari lengkap dengan tag meta DOCTYPE dan charset, atau guna 'Salin teks kaya' β€” yang menulis kedua-dua jenis MIME text/html dan text/plain ke papan keratan melalui ClipboardItem Clipboard API, supaya hasil diformat ditampal terus ke dalam Gmail, Google Docs, atau Word tanpa langkah tambahan.

Alat berkaitan

Soalan lazim