OS-sw ver.: CCBot/2.0 (https://commoncrawl.org/faq/)
Login date: 21 May 19 - 11:44:03
IP Address: 3.85.143.239Cursore

Registrati
Per "colorare" i pezzi di codice che inseriamo nei nostri articoli si possono usare diversi plugin/moduli. Per quanto mi riguarda ne uso 2 mixati fra loro, ma si possono usare singolarmente.

Il primo ed anche il più semplice è RokCandy, saltando la procedura di installazione, basta andre in joomla e cliccare
su Componenti-RokCandy-Macros-Nuovo inseriamo ad esempio la macro per le Shell (fondo nero, carattere bianco).
Nella finestra quindi alla voce "Macro*" piazzo il codice:

[Shell]{text}[/Shell]


Praticamente tutto il testo in mezzo a [Shell][/Shell] verrà trasformato magicamente con lo stile che ho inserito nella parte "Html*" cioè:

<p style="font-family: Terminaldos, monospace, prestige; font-size: 10px; background-color:black;color: white;">{text}</p>


Rok Candy però non distingue fra le parole in mezzo al testo, quindi le vedrò sempre con lo stesso stile.
Se volessi trasformare le singole parole del codice evidenziando variabili, cicli ecc ecc ci viene incontro prettify di google.
Per installarlo non dobbiamo far altro che copiarci la directory sul nostro sito.
Il download ufficiale l'ho fatto da qua:

https://code.google.com/archive/p/google-code-prettify/downloads
(Versione small)

Decompressa la directory l'ho poi copiata tra i plugin:
../plugins/content/google-code-prettify

Bisognerà poi inserire nel template (file index.php) che usiamo la parte di codice seguente nella sezione <head></head>:

<link rel="stylesheet" href="/m0220/plugins/content/google-code-prettify/prettify.css" />
<script src="/m0220/plugins/content/google-code-prettify/run_prettify.js"></script>
<script> window.onload = (function(){ prettyPrint(); });</script>


Ok, ora possiamo implementare il javascript prettify di google, richiamandolo semplicemente nell'articolo con:

<pre class="prettyprint">TESTO</pre>


Io ho sfruttato ciò mixandolo con rokcandy aggiungendolo sempre in Componenti-RokCandy-Macros-Nuovo, mettendo come Macro*:

[Editor]{text}[/Editor]


e Html*:

[Editor]<pre class="prettyprint">{text}</pre>[/Editor]


In questo modo digitando del testo all'interno di [Editor][/Editor] mi si coloreranno le parole del codice inserito.
Ci sono vari tipi di temi già pronti con varie combinazioni di colori. Se vogliamo modificare a nostro piacimento il tema, modifichiamo il css che troviamo sotto la directoy:
../plugins/content/google-code-prettify/prettify.css
Visite totali71547
Questo sito web usa i cookies per gestire alcune funzionalità, quali navigazione, autenticazione, commenti, etc. Utilizzando il nostro sito web, accetti l'utilizzo dei cookies.