Tutorial modulo image assist (inserire immagini nodizzate nei nodi pagina)
Il modulo Image Assist si integra molto bene con il modulo Image.
Image Assist permette, oltre che a nodizzare le immagini, di inserire le immagini nodizzate all'interno dei nodi di tipo testuale (page, story, ecc.). Possono essere inserire una o più immagini, avendo la possibilità di ridimensionale e di posizionarle a destra o a sinistra del testo.
Il modulo Image Assist è un modulo aggiuntivo che si scarica all'indirizzo http://drupal.org/project/img_assist

Le versioni più recenti di Image Assist richiedono l'installazione anche del modulo Views, modulo molto utile e potente che consente di creare viste-liste di nodi di ogni tipo. Vies si scarica all'indirizzo http://drupal.org/project/views

Dopo aver scaricato, dezippato sul proprio pc e caricato via FTP il modulo Image Assist, esso va attivato nella sezione "Moduli" del pannello di amministrazione di Drupal

E' necessario, come al solito, configurare anche i permessi per permettere ai vari tipi di utente l'uso del modulo Image assist:

E' possibile configurare il modulo Image Assist all'interno del pannello di amministrazione di Drupal:

Ecco la sezione per la configurazione del modulo Image Assist:

E' possibile decidere come le immagine saranno inserite all'interno dei nodi testuali:

Dato che il modulo Image assist inserisce del codice HTML all'interno delle pagine, è necessario abilitare nella sezione "Format di input" del pannello di amministrazione di Drupal i tag "image" e "span":

Se quando pubblichiamo i contenuti facciamo ricorso all'"HTML Full" non ci sono problemi.
Ma dato che è consigliabile fare sempre ricorso all'HTML filtrato per ragioni di sicurezza, è necessario configurare il "Filtered HTML":

Spuntiamo la voce "Inline images":

Tra i tag html consentiti aggiungiamo "image" e "span":

A questo punto possiamo creare un nuovo nodo di tipo testuale. Posizioniamo il cursore all'interno del testo nel punto in cui desideriamo inserire un'immagine.
Clicchiamo sull'icona a foma di più (+) verde che ora compare sotto il campo di testo:

Dopo aver cliccato sull'icona a forma di più, si apre una finestra di pop-up. Selezioniamo l'immagine desiderata. Da questa posizione possimao anche caricare e nodizzare un'immagine presente sul nostro pc:

Una volta selezionata l'immagine desiderata, possiamo deciderne dimensioni e il tipo di allineamento ripetto al testo.
Clicchiamo infine sul pulsante "Insert":

Image Assist inserisce il codice HTML per visualizzare l'immagine.
Ricordiamoci di inserire per il testo alternativo all'interno del tag "alt":

Per visualizzare l'immagine dobbiamo inserire tra i tag consentiti il tag "image" (e "span") si utilizziamo, tra i formati di input, l'HTML filtrato:

Ecco il risultato:

- 2616 letture

