Convertitore BBCode in HTML
BBCode, HTML e Pug con anteprima

Che cosa fa per te un convertitore BBCode in HTML

Il BBCode è il markup dei vecchi forum. Per prima cosa, scrivi un tag tra parentesi quadre, e il forum lo trasforma in grassetto, un link o una citazione. Inoltre, altri siti usano HTML e alcuni usano Pug. Perciò spesso devi portare del testo dall'uno all'altro.

Questo strumento lo fa in una sola casella. Per prima cosa, incolla il tuo markup. Poi scegli il formato che hai e quello che vuoi. Il risultato appare mentre scrivi, e un'anteprima mostra come appare.

Legge BBCode, HTML e Pug. Poi scrive gli stessi tre. Così si hanno sei coppie, e ognuna funziona allo stesso modo.

Tutto gira nel tuo browser. Così il tuo testo non lascia mai il tuo dispositivo. Conta, perché messaggi e modelli contengono spesso nomi e note private.

Da BBCode a HTML, tag per tag

Per prima cosa, lo strumento legge ogni tag tra parentesi. Grassetto, corsivo, sottolineato e barrato diventano strong, em, u e s. Un link diventa un'àncora, e una citazione diventa un blockquote con il nome dell'autore in un tag cite.

Inoltre funzionano gli elenchi. Ogni asterisco inizia una nuova voce, e un segno uguale sceglie un elenco numerato. I tag di colore e dimensione diventano span con uno stile, e i tag center, left e right impostano l'allineamento del testo.

I blocchi di codice mantengono il testo esattamente come l'hai scritto. Così un tag dentro un blocco di codice resta un tag, e nulla al suo interno diventa markup.

Per maggiori dettagli, vedi: Wikipedia article on BBCode.

Un visualizzatore BBCode sicuro

Poi l'anteprima funziona da visualizzatore BBCode. Disegna il risultato un elemento alla volta, quindi nulla nel tuo testo può partire. Passa solo un breve elenco di tag.

Inoltre i link si aprono in una nuova scheda con nofollow, e contano solo gli indirizzi web e di posta. Lo strumento scarta un link che inizia con javascript, e il suo testo resta.

Le immagini appaiono come una piccola etichetta invece che come immagine. Così la pagina non carica file da altri siti.

Da HTML a BBCode

Funziona anche al contrario. Per prima cosa, incolla HTML, e lo strumento scrive BBCode che puoi pubblicare su un forum. Strong e b diventano il tag grassetto, em e i diventano corsivo, e un'àncora diventa un tag url.

Poi elenchi, citazioni e blocchi di codice mantengono la forma. Inoltre i titoli diventano una riga in grassetto e più grande. Lo strumento scarta i tag per cui il BBCode non ha una parola, e il loro testo resta.

Lo strumento lascia fuori script, stili e head di una pagina. Così ottieni testo pulito per un messaggio.

Da HTML a Pug e da Pug a HTML

Pug, che un tempo si chiamava Jade, è un modo breve di scrivere HTML. Toglie le parentesi angolari e i tag di chiusura. Poi usa i rientri. Un div con un id e una classe diventa una riga come cancelletto order punto card.

Per prima cosa, lo strumento scrive Pug dal tuo HTML, con tag, id, classi e attributi. Poi rilegge anche Pug in HTML, con due spazi di rientro e un elemento per riga.

Inoltre legge la parte di markup di Pug. Cicli, condizioni, mixin e include richiedono il motore Pug, quindi lo strumento salta quelle righe e ti dice quante sono.

Link, colori e dimensioni sicuri

Per prima cosa, lo strumento controlla ogni valore prima di scriverlo. Un colore deve essere un codice esadecimale o un semplice nome di colore. Una dimensione deve essere un numero da uno a sette, o una piccola dimensione in pixel. Un link deve iniziare con http, https o mailto.

Così un valore sbagliato non arriva mai nel tuo HTML. Lo strumento scarta il tag, e il suo testo resta.

A capo ed entità

Per prima cosa, una nuova riga in BBCode diventa un tag br. Lo strumento inghiotte un a capo subito dopo una citazione, un elenco o un blocco di codice, perché il blocco inizia già una nuova riga.

Lo strumento fa l'escape dei caratteri speciali. Un segno minore di diventa un'entità nell'HTML, quindi non può aprire un tag per sbaglio.

Sicuro per progetto

Per prima cosa, lo strumento legge il tuo markup come testo e non lo consegna mai al browser come codice. Così un tag script non può partire, e un gestore di eventi non può scattare.

L'anteprima segue la stessa regola. Costruisce ogni elemento a mano da un breve elenco di tag sicuri, quindi nemmeno un messaggio ostile può toccare la tua pagina.