---
description: >-
  Ce composant permet d’insérer du texte avec un extrait dans une colonne à
  gauche
---

# Texte avec extrait

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FBrs2fTuWL3bS72kdbNPy%2FCapture%20d%E2%80%99e%CC%81cran%202024-03-28%20a%CC%80%2010.03.56.png?alt=media&#x26;token=f2c5dc96-f964-46b8-bc9b-59f10ddbe344" alt=""><figcaption></figcaption></figure>

## Disponible sur...

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/satellites-non-red?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/intranet-non-red?style=for-the-badge\&logo=typo3)

## Présentation

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)

### Ajout d'un nouveau composant Texte avec extrait

1. Sur la page en mode ![](https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FSD1CZ72IMzn7bulXsE7C%2Fmode-rediger.png?alt=media\&token=f16ba40e-ee9d-4538-be59-993d8c842dae), trouvez la section où vous souhaitez ajouter un composant Texte avec extrait.
2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.
3. Sélectionnez  **Texte avec un extrait** dans l'onglet **Texte & Médias**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FmikyeAsC6DAgzuiuBsN7%2FCapture%20d%E2%80%99e%CC%81cran%202024-03-28%20a%CC%80%2010.08.56.png?alt=media&#x26;token=cc005a60-9da7-4fa7-affb-584f7057e368" alt=""><figcaption></figcaption></figure>

### Configuration du composant

Dans l'onglet **Général**

1. Entrez un titre (optionnel) dans la zone **titre**
2. Entrez un **lien** (optionnel)
3. Entrez l'**extrait** qui s'affichera dans la colonne de gauche
4. Entrez le **texte** qui s'affichera dans la colonne de droite.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2Fj1UPkGpqi9qtOkQuoS70%2FCapture%20d%E2%80%99e%CC%81cran%202024-03-28%20a%CC%80%2010.02.13.png?alt=media&#x26;token=5ac2d844-049e-42bd-bbc2-eda45dc3ea3b" alt=""><figcaption></figcaption></figure>

## Exemples

Vous pouvez trouver des **exemples** d'utilisation du Contenu Texte avec extrait :&#x20;

{% embed url="https://template.univ-gustave-eiffel.fr/test-contenus/texte-avec-extrait" %}
