Les contenus sous Typo3 sont les éléments qui apparaîtrons sur le site Web. Ils sont toujours situés dans une page (ou un dossier).
Il existe plusieurs types de contenu sous Typo3 comme par exemple le contenu texte, le contenu images, le contenu texte & images,...

Ci-dessous, pour l'exemple, un contenu Texte (1) et un contenu Texte & image (2) vus respectivement sur le site puis sur l'interface d'administration :

Onglet Général :

• Type (1) : permet de changer de type de contenu
• En-tête (2) : facultatif, l'entête apparaitra au dessus du contenu (texte, images, ...)

Onglet Texte :

• Zone de texte (2) : c'est la zone principale où est saisi le texte
• Barre d'outils (1) : permet de faire des liens et propose quelques options de mise en forme
• Plein Ecran (3) : un clic sur cet icône permet d'augmenter la taille de l'éditeur de texte

Onglet Média :

• (1) : Images - permet de gérer les images (voir ci-dessous)
• (2) : Alignement - (à gauche, au centre ou à droite)
• (3) : Colonnes - Permet d'afficher plusieurs images sur une même ligne.
• (4) : Dimensions de l'image - Largeur et hauteur en pixels ; il est possible de ne renseigner que la largeur ou que la hauteur
• (5) : Lien – Permet de faire un lien vers une page du site ou une URL externe.
• (6) : Cliquer pour agrandir - Un clic sur l'image aura pour effet d'afficher cette image à des dimensions supéerieures dans une nouvelle fenêtre
• (7) : Titre - Affichera une légende en dessous de l'image, on peut indiquer une légende par image (une ligne correspondant à une image)
• (8) : Texte alternatif - Indiquer ici une courte description de l'image, ceci favorisera le référencement et l'accessibilité du site internet (une ligne correspondant à une image)
• (9) : Texte (titre) – Texte qui s'affichera dans une info-bulle au survol de l'image avec la souris (une ligne correspondant à une image)

Zoom sur la zone « Images » :
• La liste des images actuellement sélectionnées apparaît dans la zone (1).
• (2) permet de supprimer une image : sélectionner une image (dans la liste de gauche) puis
cliquer sur l'icône « supprimer »
• (3) permet de gérer l'ordre des images : sélectionner une image (dans la liste de gauche)
puis cliquer sur un des icônes « monter » ou « descendre »
• (4) permet de sélectionner une ou plusieurs images

Pour sélectionner une ou plusieurs images, après avoir cliqué sur l'icône (4) ci-dessus, une nouvelle fenêtre "navigateur d'éléments" s'ouvre :
• Sélectionnez le dossier contenant les images si besoin, après avoir déroulé l'arborescence (1)
• La liste des images du dossier sélectionné apparaît. On peut afficher les miniatures (2)
• Pour envoyer des images sur le serveur, utilisez la zone (3) : cliquez sur les boutons « parcourir », sélectionnez vos images sur votre ordinateur, puis cliquez sur « Envoyer des fichiers » (il est possible d'écraser les fichiers existants à l'aide de la case à cacher en bas à gauche)
• Sélectionnez l'image ou les images que vous souhaitez insérer sur votre page (4). Il est possible d'inverser la sélection (5).
• Enfin, importez la sélection (6)

Comme son l'indique, ce type de contenu permet de combiner Texte et Image(s).
Se référer aux contenus de type texte et image pour les options d'édition de chacun des onglets.

L'intérêt d'un contenu de type texte et image est de pouvoir positionner les images par rapport au texte. Par conséquent, dans l'onglet Media, nous disposons de plus de positions :