Softonic

Konverter BBCode ke HTML

Langkah 1 / 2
Berikutnya

BBCode adalah markup ringan pada era forum - [b]bold[/b], [url], [quote], [code]. Setiap board phpBB, vBulletin, XenForo, dan SMF memakainya, dan jutaan posting di platform itu masih ada. Konverter ini mem-parse BBCode dan menghasilkan HTML yang bersih serta valid untuk ditempel ke CMS modern, situs statis, atau pipeline Markdown-to-HTML yang tidak memahami tag forum.

Cara mengonversi BBCode

  1. 1

    Tempel BBCode Anda

    Posting lengkap atau potongan kecil. Tag bertingkat ikut ditangani.

  2. 2

    Parser melakukan tokenisasi tag pembuka dan penutup

    Pasangan `[tag]...[/tag]` yang cocok menghasilkan elemen HTML yang sesuai.

  3. 3

    Atribut tag dipetakan

    Hal seperti `[color=red]`, `[size=18]`, atau `[url=https://...]` menjadi inline style atau atribut `href`.

  4. 4

    Salin HTML

    Siap untuk posting blog, halaman dokumentasi, atau migrasi forum.

Tag yang didukung

BBCode Output HTML
[b]text[/b] <strong>text</strong>
[i]text[/i] <em>text</em>
[u]text[/u] <u>text</u> atau <ins>
[s]text[/s] <del>text</del>
[url]link[/url] <a href="link">link</a>
[url=link]text[/url] <a href="link">text</a>
[img]link[/img] <img src="link">
[quote]q[/quote] <blockquote>q</blockquote>
[code]c[/code] <pre><code>c</code></pre>
[list][*]a[*]b[/list] <ul><li>a</li><li>b</li></ul>
[list=1][*]a[/list] <ol><li>a</li></ol>
[color=red]t[/color] <span style="color:red">t</span>
[size=18]t[/size] <span style="font-size:18px">t</span>
[table]...[/table] <table>...</table>

Catatan keamanan

BBCode pada dasarnya aman; HTML tidak. Mengonversi BBCode dari pengguna menjadi HTML adalah momen klasik ketika forum memperkenalkan XSS pada 2005. Jika Anda menerbitkan output hasil konversi:

  • Lakukan escape pada teks mentah apa pun di dalam tag BBCode.
  • Masukkan ke daftar izin hanya tag yang dikeluarkan konverter Anda - jangan teruskan tag tak dikenal sebagai HTML mentah.
  • Validasi URL di [url] dan [img] untuk memblokir skema javascript: dan data:.

Tool ini menghapus atau menetralkan URL yang mirip script saat konversi.

Memigrasikan seluruh forum

Untuk memindahkan ribuan posting, jalankan konverter sebagai pipeline: ekspor posting sebagai BBCode → jalankan melalui konverter ini → impor HTML. Periksa secara acak beberapa puluh posting dengan penyusunan bersarang yang tidak biasa atau kode emoji khusus yang mungkin tidak ada dalam set tag standar.

BBCode yang tidak terpetakan rapi

  • Smilies forum khusus (:D dan :)) - biarkan apa adanya dan render dengan CSS, atau pre-process secara terpisah.
  • Tag khusus plugin (seperti [spoiler], [youtube]) - tercantum di panel custom tags; jika tidak, dikeluarkan sebagai teks literal.
  • Tag tergabung atau tidak tertutup - parser mencoba menutup sendiri, tetapi input yang sangat rusak bisa kehilangan format.

Pertanyaan yang Sering Diajukan

Ya: posting komunitas Steam, board vBulletin dan XenForo, beberapa wiki, dan banyak instalasi phpBB lama. BBCode juga masih bertahan sebagai markup dasar di sejumlah panel kontrol game-server.

Bukan tool ini - gunakan konverter HTML ke BBCode. Konversi balik lebih lossy karena HTML jauh lebih ekspresif daripada BBCode.

Secara default, tag tak dikenal diteruskan sebagai teks literal. Mode “strict” menghapusnya sepenuhnya jika Anda menginginkan output yang pasti bersih.

Ya. [quote], [list], dan [code] bisa bertingkat sedalam apa pun. Parser melacak stack tag dan menutupnya dengan benar.

Alat Terkait

Pemformat JSON

Tempel JSON untuk dirapikan dengan indentasi 2 atau 4 spasi, dipadatkan menjadi output ringkas, atau diperiksa sintaksnya sebelum hasilnya disalin.

Generator Huruf Acak

Buat huruf A-Z acak. Pilih jumlah, gunakan huruf besar, huruf kecil, atau campuran, lalu pakai hasilnya untuk permainan, pemantik, atau kegiatan kelas.

Generator Warna Acak

Buat 1 hingga 50 warna HEX acak dengan contoh warna yang bisa dipratinjau, disalin, dan dipakai di CSS, pengujian, atau eksplorasi palet.

Generator Palet Warna

Buat palet monokromatik, analog, komplementer, triadik, atau tetradik dari warna dasar HEX dan ekspor variabel CSS yang siap disalin.

Generator Palet Warna Acak

Buat palet warna acak berisi 2 sampai 15 swatch, pilih gaya vibrant, pastel, muted, atau dark, lalu salin kode HEX atau variabel CSS.

Pemilih Warna HEX

Pilih warna secara visual dan dapatkan nilai HEX, RGB, HSL, HSV, dan CMYK, lengkap dengan kontras terhadap putih dan hitam.