Pratinjau Markdown dan Konversi ke HTML

Tulis atau tempel Markdown dan pratinjau berubah saat Anda mengetik. Salin HTML atau unduh sebagai file.

Pratinjau

Pratinjau muncul di sini.

Berjalan sepenuhnya di browser. Data yang Anda masukkan tidak dikirim atau disimpan.

Cara menggunakan

  1. Ketik atau tempel Markdown di kotak kiri.
  2. Periksa hasil di kanan; hasil berubah saat Anda mengetik.
  3. Klik “Salin HTML” atau “Unduh HTML” untuk mengambil HTML-nya.

Markdown adalah format teks biasa yang dipakai di file README, issue GitHub, wiki, aplikasi catatan, dan banyak blog. Di sini Anda bisa melihat tampilan dokumen sebelum diterbitkan, atau mengubah Markdown menjadi HTML untuk ditempel ke CMS atau templat email. Pratinjau diperbarui begitu Anda berhenti mengetik.

Rendering memakai markdown-it 12.3.2 dengan opsi HTML, pemisah baris, dan tautan otomatis aktif, ditambah plugin markdown-it-emoji. Karena pemisah baris aktif, satu kali Enter menjadi <br>; CommonMark murni dan banyak situs akan menggabungkan baris-baris itu menjadi satu paragraf, jadi hasilnya bisa berbeda dari tempat Anda menerbitkan. Blok kode diwarnai oleh highlight.js 11.4.0 yang mencakup 34 bahasa umum; bahasa lain tampil tanpa warna.

Semua hasil melewati DOMPurify 3.2.6 sebelum ditampilkan atau disalin, sehingga skrip dan atribut event dari HTML yang ditempel dibuang. File unduhan berupa potongan HTML tanpa gaya, siap dimasukkan ke halaman yang sudah punya CSS sendiri. Konversi berjalan di browser dan teks Anda tidak diunggah, tetapi gambar yang dirujuk lewat URL tetap dimuat dari servernya, sama seperti di halaman web biasa.

Pertanyaan umum

Sintaks Markdown apa yang didukung?

CommonMark lewat markdown-it, ditambah tabel, coret (~~teks~~), kode emoji seperti :smile:, dan tautan otomatis untuk URL. Satu baris baru menjadi <br>.

Bisakah memakai HTML di dalam Markdown?

Bisa. HTML diizinkan, tetapi hasilnya dibersihkan dengan DOMPurify: tag <script>, atribut event on…, dan tautan javascript: dihapus sehingga tidak ada kode dari teks yang berjalan.

Apakah kode diberi warna?

Ya. Blok kode berpagar diwarnai dengan highlight.js. Tulis bahasa setelah backtick (```js) atau biarkan terdeteksi otomatis.

Alat terkait