Come cambiare i colori con GeSHi in Joomla

October 19

GeSHi è un evidenziatore codice utilizzato per visualizzare e condividere codice di programmazione in articoli e sulle bacheche. Questo permette la visualizzazione del codice di programmazione in un articolo e mantiene Joomla da interpretare come codice e cercando di agire su di esso. GeSHi aggiunge colori per il codice che lo rendono facile distinguere le diverse parti. Un esempio è la visualizzazione di commenti in un colore diverso da tutto il resto. Joomla ha incluso GeSHi a partire dalla versione 1.0 come plug-in. GeSHi è l'acronimo di Generic Syntax Highlighter e può visualizzare molti linguaggi di programmazione.

istruzione

1 Fai clic su "Plug-in Manager" nel menu "Estensioni" nel Joomla amministratore di back-end. Il gestore plug-in caricare e visualizzare un elenco di plug-in per l'editing.

2 Trova il plug-in chiamato "Content - Codice Highlighter (GeSHi)" e fare clic su di esso. Joomla caricherà il modulo plug-in per l'editing. Fare clic su "Sì" casella di selezione accanto a "Enabled" e fare clic su "Salva" nel menu in alto a destra.

3 Fai clic su "Utenti" nel menu "Sito", individuare il nome utente e fare clic su di esso. Il modulo per la modifica di un utente viene caricato. Selezionare "No Editor" dall'elenco a discesa nella sezione dei parametri sul lato destro della pagina. Fai clic su "Salva" dal menu in alto a destra.

4 Clicca su "Articolo Manager" nel menu "Contenuto". Fare clic su "Nuovo" e Joomla creerà un nuovo articolo. Dare l'articolo un nome nel campo di testo "Titolo" e selezionare una sezione e la categoria per l'articolo da elenchi a discesa.

5 Incollare il codice di programmazione che si desidera visualizzare in questo articolo nell'area di testo articolo. Aggiungere il tag HTML <pre> per la parte superiore del codice di programmazione utilizzando la seguente sintassi e sostituendo il linguaggio di programmazione corretta per {lingua}.

<Pre xml: {lingua}>

Per visualizzare il codice HTML utilizzare il tag pre come questo.

<Pre xml: html>

6 Aggiungere il tag di chiusura alla fine del codice come segue:

</ Pre>

Si segnala la fine del codice per il plug-in GeSHi.

7 Clicca su "Salva" per salvare l'articolo. Pubblicare l'articolo attraverso il sistema di menu e visualizzarlo. Il GeSHi plug-in per visualizzare il codice con l'evidenziazione per tale lingua.

Consigli e avvertenze

  • È necessario utilizzare l'opzione "No Editor" per l'inserimento di un articolo come questo. L'editor TinyMCE aggiungerà il proprio codice per l'articolo di formattarlo. Usare sempre l'opzione "No Editor" per modificare l'articolo in un secondo momento.

Articoli Correlati