Supporto volontario e collaborativo per Joomla!® in italiano

Come mostrare codice nei contenuti di Joomla

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
mostrare codice nei contenuti
L'editor di default di Joomla TinyMCE incorpora anche la funzione per mostrare codice, ma questa funzionalità attualmente non restituisce un risultato soddisfacente.
Il nuovo plugin gratuito PRISM Syntax Highlighter for Joomla completa questa caratteristica permettendo di mostrare in modo correttamente formattato ed evidenziato dei listati di codice.
Vediamo come integrarlo ed utilizzarlo...



Fra i molti tasti dell'interfaccia dell'editor TinyMCE in modalità Estesa (plugin Editor - TinyMCE) c'è anche "Inserisci/modifica codice da mostrare". Inserendo il codice nell'apposita finestra, questo si visualizza correttamente evidenziato nel pannello di controllo di Joomla, ma non nell'articolo lato sito.

Grazie al plugin PRISM Syntax Highlighter for Joomla possiamo correggere questa anomalia.
Scaricare il plugin dal sito dello sviluppatore: https://www.andrehotzler.de/joomla-implementierung/plg-content-prismsyntaxhighlighter.html
Installare il pacchetto compresso come una qualsiasi estensione.
Accedere alla gestione plugin ed attivare PRISM Syntax Highlighter for Joomla
Entriamo ora nella schermata di creazione o modifica di un nuovo articolo in amministrazione di Joomla. Funziona anche per i moduli personalizzati ma è necessario in questo caso ricordarsi di attivare nel TAB "Opzioni" del modulo il parametro "Interpreta codice plugin".
Posizioniamoci nella parte dell'articolo dove vogliamo inserire il blocco di codice da mostrare e premiamo sul tasto "Inserisci/modifica codice da mostrare". Nell'apposita finestra che si apre incolliamo il codice e selezioniamo il tipo di linguaggio (HTML/XML, JavaScript, CSS, PHP ecc...) e chiudiamo la finestra premendo su OK.




Salvando poi l'articolo e visualizzandolo lato sito il risultato sarà simile a questo:


Con il blocco codice ben formattato, con i relativi colori in evidenza e la barra di scorrimento laterale.
Per far apparire anche i numeri di riga è necessario fare una piccola modifica al sorgente dell'articolo. Tornare alla schermata di modifica dell'articolo, premere sul tasto "Editor sì/no" in basso a destra dell'editor e ricercare la stringa:
<pre class="language-php">
e modificarla in:
<pre class="line-numbers language-php">
in sintesi andiamo ad aggiungere la classe line-numbers per mostrare la colonna dei numeri di riga.


CommentaCommenta questo articolo sul forum

Ultima versione di Joomla!®

downloadVer. 3.6.5 Stabile Italiana
Data di rilascio:14 Dicembre 2016
(leggi la notizia Demo online

Le migliori estensioni gratuite

Un elenco aggiornato con i link a più di 100 estensioni fra componenti, moduli e plugin gratuiti per Joomla! 3

Manuale in italiano

Manuale in italianoPer conoscere meglio Joomla!, le sue caratteristiche ed il metodo di utilizzo leggi il manuale tradotto in italiano.

Molto utili anche le risposte alle domande più frequenti: FAQ

Sicurezza del proprio sito Joomla!Leggi anche: Nozioni sulla sicurezza del proprio sito

Autori di articoli recenti

Invia un articolo!Scrivi un articolo su Joomla.it e ricevi i ricavi dalle pubblicità di Google Adsense!
Segui queste istruzioni, condividi e collabora con la community. L'elenco degli autori attivi sul sito.

Libri consigliati

Torna su

Joomla.it sui Social Network

JoomlaDay Italia

JoomlaDay

Newsletter

Inserisci qui la tua e.mail: