L'editor Kupu permette di inserire file di immagini immagazzinate in Plone nel proprio documento, usando l'icona presente nella barra degli strumenti:

Cliccando su questo pulsante, appare il pannello Inserisci immagine (Insert Image):

Le tre colonne del pannello mostrano:

• Nella prima colonna a sinistra - una lista di navigazione tra cartelle.
• Nella seconda colonna - una lista di navigazione tra oggetti, da cui si può scegliere il file immagine desiderato.
• Nella terza colonna - un'anteprima dell'immagine, opzioni per il suo allineamento, per le dimensioni e la didascalia.

Nell'esempio mostrato sopra, è stata selezionata l'immagine di una rosa - rose.png (un'immagine piuttosto grande, originariamente di 600*450 pixels).

A seconda dell'opzione di allineamento scelto, l'immagine verrà posizionata nella pagina (e verrà generato il seguente codice HTML):

• a sinistra (<img class="image-left captioned" src="rose.png" alt="rose" />);
• a destra (<img class="image-right captioned" src="rose.png" alt="rose" />);
• centrato/inline (<img class="image-inline captioned" src="rose.png" alt="rose" />).

Si può anche scegliere la dimensione dell'immagine che si desidera. E' una funzione utile soprattutto se si lavora con immagini molto grandi, senza bisogno di ricorrere a Photoshop o altre applicazioni simili per tagliare o ridimensionare la propria immagine. Il menù a tendina riguardante le dimensioni fornisce varie scelte di grandezza e formato:

• Large (<img src="rose.png/image_large" alt="rose" />);
• Preview (<img src="rose.png/image_preview" alt="rose" />);
• Mini (<img src="rose.png/image_mini" alt="rose" />) - the minimum-size image is formed;
• Thumb (<img src="rose.png/image_thumb" alt="rose" />) - a thumb(inch)-size icon is made out of your image (little bigger than 2,5cm); 
• Tile (<img src="rose.png/image_tile" alt="rose" />) - a tile is made out of your image; 
• Icon (<img src="rose.png/image_icon" alt="rose" />) - an icon is made out of your image; 
• Listing (<img src="rose.png/image_listing" alt="rose" />) - a listing icon is made out of your image;

Le seguenti figure mostrano tutti i formati e le dimensioni che possono essere applicate ad un file immagine in Kupu. Si noti che l'immagine di partenza è di 600*450 pixels, quindi la versione più grande non può superare, in questo caso, queste dimensioni:

 icon (32,32)

 tile (64,64)

 


mini (200,200)

preview (400,400)

 large

original (600,450)

Didascalia dell'immagine

È possibile inserire una didascalia sotto l'immagine nella versione 1.4.x di Kupu. La didascalia viene composta in base alla descrizione dell'immagine. L' "Alt text" viene composto in base al titolo dell'immagine. Alt text e descrizione si aggiornano se l'immagine viene aggiornata.

Per abilitare le didascalie, navigare a Configurazione del sito (Site Setup) ->  Editor visuale Kupu (Visual Editor). Assicurarsi che le opzioni Link using UIDs e Allow captioned images siano selezionate in Configurazione di Kupu (Kupu Configuration).

Quando si aggiunge un'immagine nel sito, si può inserire del testo nella descrizione del file in modo che venga poi mostrato come didascalia dell'immagine.

Ora quando si crea una pagina, e si inserisce un'immagine al suo interno, si può selezionare il box Didascalia (Caption):

Salvando la pagina, si vedrà l'immagine seguita dalla sua didascalia inserite in un riquadro: