Convert Markdown ke HTML
Convert Markdown ke HTML dengan preview langsung.
Jalan di browser kamu. Apa pun yang kamu ketik tidak dikirim ke mana pun.
- Preview langsung
- Tabel gaya GitHub
- Tidak ada yang diupload
Cara convert Markdown ke HTML
- Tempel Markdown kamu.
- Cek preview langsung di bawahnya.
- Salin atau unduh HTML-nya.
Fitur gaya GitHub yang didukung
| Fitur | Contoh |
|---|---|
| Tabel | | a | b | |
| Task list | - [ ] todo |
| Coret | ~~text~~ |
| Code block dengan fence | ```js ... ``` |
Cara preview tetap aman
- Tag script, style, dan iframe dihapus sebelum preview-nya dirender.
- Inline event handler, seperti onclick, dihapus.
- Link javascript: diganti dengan # yang tidak berbahaya supaya tidak bisa menjalankan kode.
Di mana HTML hasil convert dipakai
- Menerbitkan README atau halaman dokumentasi sebagai bagian dari situs statis.
- Menempel konten terformat ke email atau CMS yang menerima HTML mentah.
- Melihat pratinjau bagaimana Markdown akan dirender sebelum di-commit ke repository.
- Mencoba sebuah potongan sebelum menempelnya ke kotak komentar yang merender GitHub flavored Markdown, seperti deskripsi pull request.
Referensi cepat sintaks Markdown
| Markdown | Dirender sebagai |
|---|---|
| # Heading | Heading level 1 |
| **bold** | Teks tebal |
| *italic* | Teks miring |
| [text](url) | Sebuah link |
| - item | Item bullet list |
| `code` | Kode inline |
FAQ Markdown ke HTML
Apakah preview-nya aman dilihat?
Aman. Tag script, inline event handler, dan link javascript dihapus sebelum preview-nya dirender.
Bisakah aku menempel Markdown dengan HTML tersemat?
Bisa. HTML inline di dalam Markdown dipertahankan dan dirender bersama konten lainnya.
Apakah ini mendukung code block dengan syntax highlight?
Code block mempertahankan nama bahasanya di atribut class, tapi halaman ini tidak menambahkan syntax highlight berwarna.
Library Markdown apa yang dipakai di sini?
marked, dengan GitHub flavored Markdown (gfm) diaktifkan, jadi tabel, task list, dan coret sama-sama diparsing seperti di GitHub.
Apakah ini mendukung footnote atau definition list?
Tidak. Itu adalah ekstensi di luar GitHub flavored Markdown dan tidak didukung di sini.
Bisakah aku preview Markdown dengan gambar tersemat?
Bisa, referensi gambar seperti  dirender di preview selama URL-nya bisa dijangkau dari browser kamu. Path file lokal di komputermu sendiri tidak akan dimuat di halaman web.
Apakah jarak baris penting di Markdown?
Ya. Baris kosong memisahkan dua paragraf. Satu baris baru di dalam paragraf biasanya diabaikan kecuali barisnya diakhiri dua spasi atau backslash, keduanya memaksa baris baru.
Bisakah aku menyarangkan list di dalam list, atau code block di dalam item list?
Bisa. Indentasikan konten bersarangnya 2 atau 4 spasi di bawah penanda item list-nya, dan marked membaca indentasinya dengan cara yang sama seperti renderer Markdown GitHub.