Penukar Markdown ke HTML

Dalam Markdown, "# Hello" menjadi <h1>Hello</h1>, "**bold**" menjadi <strong>bold</strong> dan "[text](https://example.com)" menjadi <a href="https://example.com">text</a>.

Pratonton

Hantar ke

Adakah masalah anda selesai?
Pilih kami di Google

Cara guna

  1. Taip atau tampal Markdown ke dalam kotak input. Contoh dimuatkan supaya anda dapat melihat hasilnya serta-merta.
  2. Beralih antara Pratonton, yang menunjukkan halaman yang dirender, dan HTML, yang menunjukkan kod sumber.
  3. Tekan Salin HTML untuk menyalin sumber. Hasil dikemas kini semasa anda menaip.
  4. Biarkan Benarkan HTML mentah mati untuk teks yang tidak dipercayai. Hidupkan hanya jika Markdown anda mengandungi teg HTML yang mahu dikekalkan dalam output. Pratonton kekal disanitasi dalam kedua-dua keadaan.

Cara kiraan

Penukar membaca Markdown dalam dua pas, mengikut peraturan CommonMark bagi bahagian yang disokongnya. Pertama ia memecahkan teks kepada blok: tajuk, perenggan, senarai, petikan blok, blok kod dan garis mengufuk. Kemudian ia membaca teks sebaris dalam setiap blok untuk penekanan, kod, pautan dan imej.

Disokong: tajuk # dan tajuk bergaris bawah, perenggan dan pemisah baris, *condong* dan **tebal**, `kod sebaris`, blok kod berpagar dan berinden, petikan >, senarai bertitik dan bernombor dengan sarang, [pautan](url "tajuk"), ![imej](url), <https://pautan> automatik, pautan rujukan dan garis ---. Tidak disokong: jadual, nota kaki, senarai tugas dan coretan, yang datang daripada sambungan gaya GitHub dan bukan CommonMark.

Keselamatan datang dalam dua lapisan. Secara lalai, sebarang HTML yang ditaip dalam Markdown di-escape, jadi <script> dipaparkan sebagai teks. Alamat pautan dan imej disemak, dan hanya pautan http, https, mailto dan tel (http dan https untuk imej) dibenarkan, jadi alamat javascript: dan data: digugurkan. Sebelum pratonton dilukis, HTML melalui penapis senarai benar kedua yang mengekalkan teg dan atribut yang dikenali dan membuang semua yang lain, termasuk semua pengendali peristiwa on* dan atribut style.

Pautan dalam pratonton dibuka dalam tab baharu dengan rel="noopener noreferrer nofollow". HTML yang anda salin ialah output penukar tanpa tambahan itu.

Lembar rujukan sintaks Markdown

Anda taipAnda dapatHTML
# HeadingTajuk 1<h1>
**bold**tebal<strong>
*italic*condong<em>
`code`kod<code>
- itemSenarai bertitik<ul><li>
1. itemSenarai bernombor<ol><li>
> quotePetikan blok<blockquote>
[text](url)Pautan<a href>
![alt](url)Imej<img>
---Garis mengufuk<hr />

Soalan lazim

Adakah selamat untuk pratonton Markdown yang tidak dipercayai?

Ya. HTML dalam teks di-escape secara lalai, skema pautan berbahaya dibuang, dan pratonton ditapis sekali lagi sebelum dipaparkan. Skrip dan pengendali peristiwa tidak dapat dijalankan. Imej yang anda pautkan masih dimuatkan daripada pelayan masing-masing.

Mengapa teg HTML saya dipaparkan sebagai teks?

Benarkan HTML mentah mati, jadi teg di-escape dengan sengaja. Hidupkannya untuk melepaskan teg ke output HTML. Pratonton masih membuang apa-apa yang tidak selamat, seperti teg skrip.

Adakah jadual dan senarai tugas disokong?

Tidak. Jadual, senarai tugas, nota kaki dan coretan ialah tambahan GitHub Flavored Markdown. Alat ini meliputi ciri teras CommonMark.

Bagaimana menambah pemisah baris dalam perenggan?

Akhiri baris dengan dua ruang atau garis condong terbalik. Satu pemisah baris tunggal dianggap sebagai ruang, seperti dalam CommonMark.

Bagaimana memaparkan asterisk atau garis bawah secara literal?

Letakkan garis condong terbalik sebelumnya, seperti \* atau \_. Di dalam kod sebaris atau blok kod, tiada escape diperlukan.

Adakah teks saya dimuat naik?

Tidak. Penukaran dan pratonton berlaku dalam pelayar anda.