Che cos'è il BBCode?

Il BBCode (Bulletin Board Code) è un linguaggio di markup leggero usato su forum e bacheche per formattare i post. I tag si scrivono tra parentesi quadre, come [b]grassetto[/b] o [url]link[/url], e vengono convertiti in HTML sicuro al momento della visualizzazione.

Questo editor BBCode mostra un'anteprima dal vivo?

Sì. Mentre scrivi o incolli il BBCode nell'editor, il pannello di anteprima si aggiorna all'istante, così vedi esattamente come apparirà il testo formattato prima di pubblicarlo.

Quali tag BBCode supporta questo editor?

L'editor renderizza 34 tag: [b], [i], [u], [s], [color], [size], [url], [img], [quote], [code], [h1]–[h6], [list], [table] con le sue celle, oltre a [strike], [spoiler], [noparse] e [olist]. Tutti i tag della guida alla formattazione di Steam vengono resi, anche [table noborder=1] e [url=store.steampowered.com] senza https://. Non sono supportati solo [youtube], [font] e [align], che restano come testo.

Come si colora il testo in BBCode?

Racchiudi il testo in [color=red]…[/color] con il nome inglese di un colore (red, green, teal…) oppure con un codice esadecimale di 3 o 6 cifre, come [color=#008c45]. Il pulsante colore della barra apre il selettore di sistema e inserisce il codice esadecimale al posto tuo. Se il valore non è valido, il testo resta senza colore ma il resto del post non si rompe.

Come si ridimensiona un'immagine in BBCode?

Aggiungi larghezza e altezza in pixel nel tag: [img width=400 height=300]https://example.com/foto.jpg[/img]. Se indichi solo la larghezza, l'altezza segue le proporzioni. L'immagine viene caricata dal suo indirizzo originale, che deve iniziare con http o https: l'editor non ospita file, quindi l'immagine deve essere già online.

Come si crea una tabella in BBCode?

Apri [table], aggiungi una riga con [tr] e dentro le celle di intestazione [th] o di dati [td]: [table][tr][th]Squadra[/th][th]Punti[/th][/tr][tr][td]Rossi[/td][td]42[/td][/tr][/table]. Le celle accettano colspan e rowspan e [table noborder=1] toglie i bordi come su Steam. Il pulsante tabella della barra inserisce un modello da completare.

Come cambio dimensione o tipo di carattere?

La dimensione si scrive [size=18]testo[/size], con il numero in pixel da 1 a 200; il menu dimensione della barra lo inserisce per te. Il tag [font] per cambiare carattere non viene interpretato e resta come testo, dato che molti forum non lo accettano; per dare risalto usa il grassetto o un titolo da [h1] a [h6].

Che differenza c'è tra BBCode, HTML e Markdown?

Tutti e tre servono a formattare il testo. Il BBCode usa tag tra parentesi quadre ed è nato per i forum, dove agli utenti non si fa scrivere HTML: è il più prudente per i contenuti altrui. Il Markdown usa simboli come * e # ed è diffuso in documentazione e README. L'HTML è il livello più basso e completo; BBCode e Markdown vengono convertiti in HTML prima di essere mostrati, e qui puoi vedere quell'HTML nella vista dedicata.

Funziona con il BBCode di osu!, Godot o ArtFight?

L'editor copre i tag BBCode standard condivisi da queste piattaforme, come grassetto, corsivo, colore, link e immagini. Alcune community come osu!, Godot o ArtFight aggiungono tag personalizzati che non fanno parte dello standard, quindi conviene sempre confrontare l'anteprima con le regole specifiche del sito.

Esiste un editor BBCode WYSIWYG?

Non è un WYSIWYG puro, ma ci si avvicina: i pulsanti della barra degli strumenti inseriscono i tag al posto tuo e l'anteprima affiancata mostra subito il risultato formattato, senza dover indovinare l'aspetto finale del post.

Posso scaricare o usare l'editor offline?

L'editor funziona direttamente nel browser e non richiede alcun download o installazione. Poiché tutta l'elaborazione avviene localmente, puoi usarlo in modo rapido e privato senza software aggiuntivo.

Il mio BBCode viene inviato a un server?

No. L'analisi e il rendering avvengono interamente nel tuo browser, quindi il tuo testo non lascia mai il dispositivo e nulla viene caricato online.

Visualizzatore BBCode

Editor BBCode online: inserisci i tag dalla barra degli strumenti, guarda l'anteprima dal vivo ed esporta in HTML. Tutto nel browser, senza registrazione.

Incolla il BBCode o apri un file .txt: l'anteprima si aggiorna mentre scrivi. La barra degli strumenti o scorciatoie come Ctrl+B e Ctrl+K racchiudono la selezione nei tag. I tag resi sono 34, compresi [spoiler], [noparse] e [olist] di Steam. La vista HTML copia o scarica il codice; il BBCode si salva in .txt. Tutto nel browser, senza caricamenti.

Editor BBCode

303

[h2]Patch notes[/h2]
[b]Bold[/b] [i]Italic[/i] [u]Underline[/u] [strike]Strike[/strike]

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

[quote=Author]This is a quote[/quote]

[list]
[*]First item
[*][color=#e11d48]Red item[/color]
[/list]

[spoiler]Hidden ending[/spoiler]

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

[h2]Patch notes[/h2]
[b]Bold[/b] [i]Italic[/i] [u]Underline[/u] [strike]Strike[/strike]

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

[quote=Author]This is a quote[/quote]

[list]
[*]First item
[*][color=#e11d48]Red item[/color]
[/list]

[spoiler]Hidden ending[/spoiler]

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

Anteprima dal vivo

Patch notes

Bold Italic Underline ~~Strike~~

Link

AuthorThis is a quote

First item
Red item

Hidden ending

console.log('Hello World')

Potrebbe servirti anche

Visualizzatore Markdown

Anteprima e modifica Markdown con visualizzazione live.

Apri strumento

Visualizzatore HTML

Apri un file .html o incolla il codice e guarda la pagina renderizzata accanto all'editor.

Apri strumento

Da Markdown a JSON

Converti AST Markdown, tabelle e metadati iniziali in JSON.

Apri strumento

Da HTML a JSON

Converti la struttura HTML in un albero JSON.

Apri strumento

Come usare l'editor BBCode

1
Inserisci il tuo BBCode
Scrivi o incolla il markup nell'editor a sinistra, ad esempio [b]Testo in grassetto[/b] o [url=https://example.com]link[/url], oppure apri un file .txt o .bbcode salvato sul tuo dispositivo. Il pulsante con la provetta carica un esempio completo.
2
Guarda l'anteprima dal vivo
Il pannello a destra si aggiorna in tempo reale e mostra esattamente come il testo formattato apparirà sul forum.
3
Inserisci e verifica i tag
Seleziona il testo e usa la barra degli strumenti o le scorciatoie (Ctrl+B grassetto, Ctrl+K link, Ctrl+Maiusc+8 elenco puntato, Ctrl+Maiusc+7 elenco numerato), controllando l'anteprima fino al risultato voluto.
4
Copia o esporta il risultato
Copia il BBCode per il forum, passa alla vista HTML per copiare o scaricare il codice, oppure salvalo in .txt.

Riferimenti

Wikipedia — BBCode
Panoramica del BBCode: storia, tag più comuni e come le bacheche elaborano questo linguaggio di markup leggero.
phpBB — Guida al BBCode
Documentazione ufficiale di phpBB con l'elenco dei tag BBCode standard: grassetto, corsivo, URL, immagini, citazioni e blocchi di codice.
Steam Community — Guida alla formattazione del testo
Pagina ufficiale di Steam con i tag BBCode ammessi in recensioni e discussioni, inclusi [spoiler], [noparse], [olist] e le opzioni delle tabelle.
Wikipedia in italiano — BBCode
Voce in italiano sull'origine del BBCode e sui tag più usati nei forum.
Documentazione di Godot — BBCode in RichTextLabel
Il dialetto BBCode del motore Godot, con tag di animazione come [wave] e [shake] che i forum non hanno.

Strumenti correlati

Visualizzatore Markdown

Visualizza in tempo reale la formattazione Markdown, un altro linguaggio di markup leggero per post e documenti.

Visualizzatore HTML

Renderizza e visualizza l'anteprima del codice HTML grezzo, utile per controllare in cosa si converte il BBCode.

Minificatore HTML

Comprimi il markup HTML rimuovendo spazi e commenti prima della pubblicazione.

Confronto e Differenze di Testo

Individua le differenze tra due blocchi di testo o markup affiancati.

Domande frequenti

Che cos'è il BBCode?: Il BBCode (Bulletin Board Code) è un linguaggio di markup leggero usato su forum e bacheche per formattare i post. I tag si scrivono tra parentesi quadre, come [b]grassetto[/b] o [url]link[/url], e vengono convertiti in HTML sicuro al momento della visualizzazione.
Questo editor BBCode mostra un'anteprima dal vivo?: Sì. Mentre scrivi o incolli il BBCode nell'editor, il pannello di anteprima si aggiorna all'istante, così vedi esattamente come apparirà il testo formattato prima di pubblicarlo.
Quali tag BBCode supporta questo editor?: L'editor renderizza 34 tag: [b], [i], [u], [s], [color], [size], [url], [img], [quote], [code], [h1]–[h6], [list], [table] con le sue celle, oltre a [strike], [spoiler], [noparse] e [olist]. Tutti i tag della guida alla formattazione di Steam vengono resi, anche [table noborder=1] e [url=store.steampowered.com] senza https://. Non sono supportati solo [youtube], [font] e [align], che restano come testo.
Come si colora il testo in BBCode?: Racchiudi il testo in [color=red]…[/color] con il nome inglese di un colore (red, green, teal…) oppure con un codice esadecimale di 3 o 6 cifre, come [color=#008c45]. Il pulsante colore della barra apre il selettore di sistema e inserisce il codice esadecimale al posto tuo. Se il valore non è valido, il testo resta senza colore ma il resto del post non si rompe.
Come si ridimensiona un'immagine in BBCode?: Aggiungi larghezza e altezza in pixel nel tag: [img width=400 height=300]https://example.com/foto.jpg[/img]. Se indichi solo la larghezza, l'altezza segue le proporzioni. L'immagine viene caricata dal suo indirizzo originale, che deve iniziare con http o https: l'editor non ospita file, quindi l'immagine deve essere già online.
Come si crea una tabella in BBCode?: Apri [table], aggiungi una riga con [tr] e dentro le celle di intestazione [th] o di dati [td]: [table][tr][th]Squadra[/th][th]Punti[/th][/tr][tr][td]Rossi[/td][td]42[/td][/tr][/table]. Le celle accettano colspan e rowspan e [table noborder=1] toglie i bordi come su Steam. Il pulsante tabella della barra inserisce un modello da completare.
Come cambio dimensione o tipo di carattere?: La dimensione si scrive [size=18]testo[/size], con il numero in pixel da 1 a 200; il menu dimensione della barra lo inserisce per te. Il tag [font] per cambiare carattere non viene interpretato e resta come testo, dato che molti forum non lo accettano; per dare risalto usa il grassetto o un titolo da [h1] a [h6].
Che differenza c'è tra BBCode, HTML e Markdown?: Tutti e tre servono a formattare il testo. Il BBCode usa tag tra parentesi quadre ed è nato per i forum, dove agli utenti non si fa scrivere HTML: è il più prudente per i contenuti altrui. Il Markdown usa simboli come * e # ed è diffuso in documentazione e README. L'HTML è il livello più basso e completo; BBCode e Markdown vengono convertiti in HTML prima di essere mostrati, e qui puoi vedere quell'HTML nella vista dedicata.
Funziona con il BBCode di osu!, Godot o ArtFight?: L'editor copre i tag BBCode standard condivisi da queste piattaforme, come grassetto, corsivo, colore, link e immagini. Alcune community come osu!, Godot o ArtFight aggiungono tag personalizzati che non fanno parte dello standard, quindi conviene sempre confrontare l'anteprima con le regole specifiche del sito.
Esiste un editor BBCode WYSIWYG?: Non è un WYSIWYG puro, ma ci si avvicina: i pulsanti della barra degli strumenti inseriscono i tag al posto tuo e l'anteprima affiancata mostra subito il risultato formattato, senza dover indovinare l'aspetto finale del post.
Posso scaricare o usare l'editor offline?: L'editor funziona direttamente nel browser e non richiede alcun download o installazione. Poiché tutta l'elaborazione avviene localmente, puoi usarlo in modo rapido e privato senza software aggiuntivo.
Il mio BBCode viene inviato a un server?: No. L'analisi e il rendering avvengono interamente nel tuo browser, quindi il tuo testo non lascia mai il dispositivo e nulla viene caricato online.