Pratinjau Markdown

Tulis Markdown dan lihat hasilnya saat mengetik, atau salin HTML-nya. HTML mentah ditampilkan sebagai teks dan tautan diperiksa, jadi tidak ada yang bisa berjalan di pratinjau.

Contoh kode

Salin contoh ini ke proyek Anda sendiri. Masing-masing hanya memakai pustaka standar bahasanya, jadi tidak ada yang perlu diinstal.

Beri bintang hingga 3 bahasa agar tampil lebih dulu di setiap halaman alat.

const text = '# Hello\n\nSome **bold** text <b>raw</b>'

const escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')

const html = escaped
  .split('\n\n')
  .map((block) =>
    block.startsWith('# ')
      ? `<h1>${block.slice(2)}</h1>`
      : `<p>${block.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')}</p>`,
  )
  .join('\n')

console.log(html)

Fungsinya

Menampilkan Markdown sebagai halaman hasil render saat Anda mengetik dan memberi HTML-nya. Alat ini membaca CommonMark dan ekstensi GitHub yang dipakai kebanyakan dokumen: tabel, daftar tugas, coretan, dan tautan otomatis.

Cara memakainya

Ketik atau tempel Markdown, atau jatuhkan berkas teks.
Pilih Pratinjau untuk melihat halaman hasil render atau HTML untuk melihat markup. Aktifkan pergantian baris jika satu enter harus memulai baris baru, seperti di pesan obrolan.
Salin atau unduh HTML.

Contoh

# Halo menjadi <h1>Halo</h1> dan Teks **tebal** menjadi Teks <strong>tebal</strong>. Tabel yang ditulis dengan garis tegak dan tanda hubung menjadi tabel sungguhan, dan - [x] selesai menjadi kotak tercentang.

Perlu diketahui

HTML mentah di sumber ditampilkan sebagai teks dan tidak pernah diteruskan, jadi tag script atau event handler dalam Markdown yang ditempel tidak dapat berbuat apa-apa.
Hanya tautan web, email, dan telepon serta alamat relatif yang tetap menjadi tautan. Tautan javascript: tetap berupa teks biasa.
Gambar tidak pernah dimuat di pratinjau. Anda melihat deskripsi dan alamatnya, dan HTML yang disalin berisi tag gambar.
Batasnya 100.000 karakter.

Apa yang didukung pratinjau?

CommonMark ditambah ekstensi GitHub yang paling sering dipakai: tabel, daftar tugas, coretan, dan tautan otomatis. Semuanya diubah di browser Anda.

Pertanyaan umum

Mengapa HTML mentah saya tampil sebagai teks?

HTML mentah dalam Markdown dapat menjalankan skrip, jadi tidak pernah diteruskan: tag script dan markup lain tampil apa adanya. Gunakan sintaks Markdown. HTML yang Anda salin di-escape dengan cara yang sama.

Mengapa gambar tidak dimuat?

Gambar tidak pernah diambil, sehingga pratinjau tidak bisa dipakai untuk melacak Anda atau memuat apa pun dari situs lain. Anda melihat deskripsi dan alamatnya sebagai teks biasa. HTML yang disalin memang berisi tag gambar.

Apakah alat ini mengirim teks saya ke mana pun?

Tidak. Semuanya terjadi di browser Anda. Yang Anda ketik tidak pernah dikirim ke server kami.

Perubahan alat ini