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>