BBCode ke HTML

Ubah BBCode forum menjadi HTML

BBCode (Bulletin Board Code) adalah markup kurung siku yang dipakai forum seperti phpBB, vBulletin, MyBB, Kaskus versi lama, dan banyak komunitas game: [b]tebal[/b], [i]miring[/i], [url=https://example.com]link[/url], [img]...[/img], [quote]...[/quote], dan [list]. Sederhana dan aman untuk forum, tetapi website butuh HTML.

Tempel BBCode dan konverter ini menghasilkan HTML yang sesuai, jadi [b]Halo[/b] menjadi <strong>Halo</strong> (atau <b>), siap untuk blog, CMS, atau newsletter.

Sangat berguna saat memindahkan konten forum lama, panduan, atau signature ke situs modern.

Cara menggunakan BBCode ke HTML

1. Tempel teks BBCode.
2. Kirim untuk mengonversi.
3. Salin hasil HTML.
4. Tempel ke tampilan HTML atau kode di CMS Anda.

Contoh

Tebal, miring, dan link

Input: [b]Bold[/b] and [i]italic[/i] [url=https://mybotsy.com]My Botsy[/url]

Hasil:

<strong>Bold</strong> and <em>italic</em> <a href="https://mybotsy.com">My Botsy</a>

Kutipan dan warna

Input: [quote]Hello[/quote] [color=red]red[/color]

Hasil: <blockquote>Hello</blockquote> <span style="color: red">red</span>

Daftar

Input: [list][*]One[*]Two[/list]

Hasil: <ul><li>One</li><li>Two</li></ul>

Gambar dan tag yang tidak ditutup

Input: [img]https://example.com/cat.png[/img] [b]unclosed

Hasil: <img src="https://example.com/cat.png" /> <strong>unclosed</strong>

Tag yang tidak ditutup akan ditutup otomatis, jadi [/b] yang terlupa tidak membuat sisa halaman menjadi tebal.

Keanehan ukuran font

Input: [size=20]big[/size]

Hasil: <span style="font-size: 20%">big</span>

Ganti 20% dengan ukuran seperti 1.25em atau 20px di hasilnya.

Kegunaan umum

• Memindahkan postingan dan panduan forum ke blog atau basis pengetahuan.
• Memakai ulang signature atau pengumuman forum di website.
• Mengubah panduan komunitas game menjadi halaman web.
• Melihat pratinjau tampilan konten BBCode sebagai HTML.
• Mengubah aturan dan FAQ forum lama menjadi halaman web.

Tips dan hal yang perlu diketahui

• Tiap forum mendukung tag yang sedikit berbeda. Tag kustom mungkin tidak terkonversi dan perlu diedit manual.
• Cek link gambar setelah konversi; hosting gambar forum lama sering sudah hilang.
• Rapikan hasilnya dengan HTML minifier, atau buang format sepenuhnya dengan penghapus tag HTML.
• Menulis konten baru? Markdown ke HTML adalah alternatif yang lebih modern.

Kasus khusus dan batasan

• [size=20] menjadi font-size: 20%, yang sangat kecil. Forum sering menganggap ukuran sebagai piksel atau poin, jadi sesuaikan di hasilnya.
• HTML yang sudah ada di input dihapus sebelum konversi, jadi campuran BBCode dan HTML kehilangan bagian HTML-nya.
• [spoiler] menjadi div dengan class spoiler. Kontennya tidak tersembunyi sampai CSS situs Anda memberi style pada class itu.
• [u] menjadi span bergaris bawah, [s] menjadi del, [code] menjadi pre dan code, dan [center] menjadi div rata tengah.

Pertanyaan umum

Apa itu BBCode?

Bahasa markup ringan dengan tag dalam kurung siku, terutama dipakai di forum internet.

Apakah BBCode sama dengan HTML?

Tidak. BBCode adalah markup terbatas yang lebih aman, yang diubah forum menjadi HTML saat menampilkan postingan.

Tag BBCode apa saja yang didukung?

Tag umum seperti [b], [i], [u], [s], [url], [img], [quote], [code], [list], dan [color] didukung luas.

Bisakah HTML diubah kembali ke BBCode?

Alat ini hanya mengubah BBCode ke HTML.

Apakah hasil HTML aman dipublikasikan?

HTML di input dibuang sebelum konversi, yang menghilangkan sebagian besar risiko. Tetap cek link dan sumber gambar dari postingan lama sebelum dipublikasikan.

Apakah blok [code] didukung?

Ya. [code] menjadi blok pre dan code, yang mempertahankan spasi dan baris baru.

Alat terkait

• Markdown ke HTML: Ubah potongan Markdown menjadi kode HTML mentah.
• Penghapus tag HTML: Hapus semua tag HTML dari blok teks dengan mudah.
• Konverter entitas HTML: Encode atau decode entitas HTML untuk input apa pun.
• HTML minifier: Minify HTML Anda dengan menghapus semua karakter yang tidak perlu.
• Ekstraktor URL: Ambil URL http/https dari konten teks apa pun.