BBCode (Bulletin Board Code) on kevyt merkkauskieli, jolla muotoillaan viestejä foorumeilla ja keskustelupalstoilla. Tunnisteet kirjoitetaan hakasulkeisiin, kuten [b]lihavointi[/b] tai [url]linkit[/url], ja ne muunnetaan turvalliseksi HTML:ksi, kun viesti näytetään.

Mitä BBCode-tunnisteita tämä katselin tukee?

Katselin renderöi yleisimmät tunnisteet, kuten [b] lihavoinnille, [i] kursivoinnille, [u] alleviivaukselle, [url] linkeille, [img] kuville, [quote] lainauksille ja [code] koodilohkoille – sekä useita muita.

Näyttääkö editori live-esikatselun?

Kyllä. Kun kirjoitat tai liität BBCodea editoriin, esikatselupaneeli päivittyy heti, joten näet tarkalleen miltä muotoiltu teksti näyttää ennen julkaisua.

Muuntaako tämä työkalu BBCoden HTML:ksi?

Kyllä. Katselin jäsentää BBCode-koodisi ja renderöi sen HTML:nä esikatseluun, jolloin voit varmistaa lopullisen muotoilun, jonka foorumiohjelmisto tuottaa.

Lähetetäänkö BBCodeni palvelimelle?

Ei. Kaikki jäsentäminen ja renderöinti tapahtuvat kokonaan selaimessasi, joten tekstisi ei poistu laitteeltasi eikä mitään ladata verkkoon.

Toimiiko BBCode kaikilla foorumeilla samalla tavalla?

Ei aina. Vaikka [b], [i], [url] ja muut perustunnisteet ovat lähes yleisiä, eri foorumiohjelmistot (kuten phpBB, vBulletin ja MyBB) tukevat hieman eri tunnisteita ja lisäosia. Tarkista lopputulos kohdefoorumillasi, jos käytät erikoistunnisteita.

BBCode-katseluohjelma - Online BBCode-editori ja esikatselutyökalu

Esikatsele ja muokkaa BBCodea reaaliajassa: muunna se HTML:ksi ja testaa foorumimuotoilu heti. Ilmainen, selaimessa toimiva BBCode-katselin.

Liitä BBCode-merkkaus editoriin, niin katselin näyttää sinulle välittömästi HTML-esikatselun sitä mukaa kun kirjoitat – tunnisteet kuten [b], [i], [u], [url], [img], [quote] ja [code] muuttuvat muotoilluksi tekstiksi. Kaikki tapahtuu selaimessasi ilman lähetystä palvelimelle, joten voit testata foorumi- ja keskustelupalstamuotoilun rauhassa ennen viestin julkaisua.

BBCode-editori

152

[b]Bold[/b] [i]Italic[/i] [u]Underline[/u]

[url=https://example.com]Link[/url]

[quote]This is a quote[/quote]

[code]console.log('Hello World')[/code]

[b]Bold[/b] [i]Italic[/i] [u]Underline[/u]

[url=https://example.com]Link[/url]

[quote]This is a quote[/quote]

[code]console.log('Hello World')[/code]

Live-esikatselu

Esikatselu

Bold Italic Underline Link

This is a quote

console.log('Hello World')

Saatat tarvita myös

Markdown-katseluohjelma

Esikatsele ja muokkaa Markdownia reaaliaikaisella visualisoinnilla.

Avaa työkalu

HTML-katseluohjelma

Esikatsele ja muokkaa HTML-koodia reaaliajassa.

Avaa työkalu

Markdown JSON:ksi

Muunna Markdown AST, taulukot ja frontmatter JSON:ksi.

Avaa työkalu

HTML JSON:ksi

Muunna HTML-rakenne JSON-puuksi.

Avaa työkalu

Kuinka käyttää BBCode-katseluohjelmaa

Syötä BBCode editoriin vasemmalla. Esikatselu päivittyy automaattisesti oikealla näyttääkseen tarkalleen, miltä muotoiltu tekstisi näyttää. Tuettuja tunnisteita ovat [b], [i], [u], [url], [img], [quote], [code] ja paljon muuta.

Tärkeimmät Ominaisuudet

Reaaliaikainen Esikatselu:Näe muutokset heti kirjoittaessasi.
Turvallinen:Kaikki käsittely tapahtuu selaimessasi.
Yksinkertainen Käyttöliittymä:Selkeä, häiriötön editori.
Ilmainen:Ei maksuja, ei rajoituksia.

Näin käytät BBCode-katselinta

1
Syötä BBCode-koodisi
Kirjoita tai liitä BBCode-merkkaus vasemmalla olevaan editoriin, esimerkiksi [b]Lihavoitu teksti[/b] tai [url=https://esimerkki.fi]linkki[/url].
2
Seuraa live-esikatselua
Oikeanpuoleinen paneeli päivittyy reaaliajassa ja näyttää tarkalleen, miltä muotoiltu tekstisi näyttää foorumilla.
3
Säädä ja tarkista tunnisteet
Hienosäädä tuettuja tunnisteita kuten [i], [u], [img], [quote] ja [code], kunnes esikatselu vastaa haluamaasi lopputulosta.
4
Kopioi valmis merkkaus
Kun esikatselu näyttää oikealta, kopioi BBCode editorista ja liitä se foorumi- tai keskustelupalstaviestiisi.

Lähteet

Wikipedia — BBCode
Yleiskatsaus BBCodeen: sen historia, yleisimmät tunnisteet ja se, miten keskustelupalstat jäsentävät tätä kevyttä merkkauskieltä.
phpBB — BBCode-opas
phpBB:n virallinen ohjeistus, joka listaa BBCoden vakiotunnisteet kuten lihavoinnin, kursivoinnin, linkit, kuvat, lainaukset ja koodilohkot.

Aiheeseen liittyvät työkalut

Markdown-katselin

Esikatsele Markdown-muotoilua reaaliajassa – toinen kevyt merkkauskieli viesteihin ja dokumentteihin.

HTML-katselin

Renderöi ja esikatsele raakaa HTML-koodia, kun haluat tarkistaa, mitä BBCode tuottaa.

HTML-pakkaaja

Pienennä HTML-koodia poistamalla välilyönnit ja kommentit ennen julkaisua.

Tekstin vertailu ja erot

Löydä erot kahden teksti- tai merkkauslohkon välillä rinnakkain.

Usein kysytyt kysymykset

Mikä BBCode on?: BBCode (Bulletin Board Code) on kevyt merkkauskieli, jolla muotoillaan viestejä foorumeilla ja keskustelupalstoilla. Tunnisteet kirjoitetaan hakasulkeisiin, kuten [b]lihavointi[/b] tai [url]linkit[/url], ja ne muunnetaan turvalliseksi HTML:ksi, kun viesti näytetään.
Mitä BBCode-tunnisteita tämä katselin tukee?: Katselin renderöi yleisimmät tunnisteet, kuten [b] lihavoinnille, [i] kursivoinnille, [u] alleviivaukselle, [url] linkeille, [img] kuville, [quote] lainauksille ja [code] koodilohkoille – sekä useita muita.
Näyttääkö editori live-esikatselun?: Kyllä. Kun kirjoitat tai liität BBCodea editoriin, esikatselupaneeli päivittyy heti, joten näet tarkalleen miltä muotoiltu teksti näyttää ennen julkaisua.
Muuntaako tämä työkalu BBCoden HTML:ksi?: Kyllä. Katselin jäsentää BBCode-koodisi ja renderöi sen HTML:nä esikatseluun, jolloin voit varmistaa lopullisen muotoilun, jonka foorumiohjelmisto tuottaa.
Lähetetäänkö BBCodeni palvelimelle?: Ei. Kaikki jäsentäminen ja renderöinti tapahtuvat kokonaan selaimessasi, joten tekstisi ei poistu laitteeltasi eikä mitään ladata verkkoon.
Toimiiko BBCode kaikilla foorumeilla samalla tavalla?: Ei aina. Vaikka [b], [i], [url] ja muut perustunnisteet ovat lähes yleisiä, eri foorumiohjelmistot (kuten phpBB, vBulletin ja MyBB) tukevat hieman eri tunnisteita ja lisäosia. Tarkista lopputulos kohdefoorumillasi, jos käytät erikoistunnisteita.