BBCodeXtra è un’estensione, compatibile con Mozilla FireFox e SeaMonkey, che aggiunge al menu contestuale dei comandi per inserire velocemente codici BBCode/Html/XHtml e tag personalizzati all’interno di forum e blog.
Tag personalizzati: gestione
I tag personalizzati sono una funzione introdotta nella versione 0.3.0 dell’estensione. La gestione dei tag personalizzati è disponibile nella finestra delle preferenze, accessibile dalla finestra di gestione estensioni o dal menu contestuale.
Per ogni tag personalizzato è necessario definire:
- il nome del tag personalizzato (verrà visualizzato nel menu contestuale)
- il codice associato al tag personalizzato
Tag personalizzati: esempi
Testo e simboli
È possibile definire un campo personalizzato per scrivere del semplice testo o inserire simboli come ©, ® e ™ (sia direttamente, sia come entità HTML).
Nome elemento: copyright
Codice associato: ©
Utilizzare il testo selezionato o gli appunti
BBCodeXtra mette a due disposizione due variabili:
- _clipboard_: contenuto degli appunti
- _selection_: testo selezionato
Esempio 1
Creare un tag XHTML img, associargli la classe immaginepost e utilizzare come src l’indirizzo contenuto negli appunti.
Nome elemento: immagine appunti
Codice associato: <img src="_clipboard_" class="immaginepost" />
Quando si seleziona il tag personalizzato immagine appunti, la variable _clipboard_ verrà automaticamente sostituita dal contenuto degli appunti.
Esempio 2
Creare un collegamento XHTML che utilizzi come indirizzo il testo selezionato e come testo del collegamento la parola “link”.
Nome elemento: link selezione
Codice associato: <a href="_selection_">link</a>
Quando si seleziona il tag personalizzato link selezione, la variable _selection_ verrà automaticamente sostituita dal testo selezionato.
Esempio 3
Creare un div XHTML contenente il testo presente negli appunti e utilizzare il testo selezionato come nome della classe associata
Nome elemento: div personalizzato
Codice associato: <div class="_selection_">_clipboard_</a>