The **Text** is the rich text editor that allows you to apply **various formats and styles** of your editorial content.

You can add not only the text but also **multiple media** such as images, documents, videos, CTA buttons, etc.

## How to edit in the back office? 



 

 

 



   ![Details for adding Text in Drupal ](/sites/g/files/dvc2391/files/styles/media/public/image/2024/10/Screenshot%202024-10-10%2014.09.23.png.webp?itok=gZ6q6Ltz)   





 

 





 

 

You can add **multiple text fields** based on your specific needs.

The background color of the text blocks is **customizable** to align with your design preferences.

Additionally, you are able to **upload** URL, media, images, CTA buttons to enrich the content.



 

 

 



 

 

 

 





## Examples:



 

 

 



 

 

 

 





## Heading 2

### Heading 3

#### Heading 4 

Magna nulla nisi exercitation cupidatat **ullamco veniam,** quis fugiat aliquip aute minim ut voluptate reprehenderit non tempor occaecat sed labore pariatur. Ut ea proident, amet, commodo enim dolore cillum ad dolore **est deserunt do sit** sunt eiusmod excepteur nostrud ex culpa qui irure id dolore irure lorem laborum. Anim elit, aliquip ut incididunt eu laboris esse mollit qui ipsum dolor consectetur ad in ut officia dolor consequat.

Medium size Big size Capitalize

Quote Style *: Duis in occaecat cupidatat non proident, incididunt velit sed sunt reprehenderit in voluptate deserunt magna labore est aliquip.*

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2024/08/Community.png.webp?itok=-RF_boTj)   



**Lorem culpa magna quis ut nisi ut non nulla elit, qui anim nostrud deserunt eu sint est et consectetur ut enim do sunt mollit consequat. aute in id Duis in ad dolor magna irure voluptate velit minim deserunt adipisicing non proident culpa.**

Key figure style

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2024/08/HP%20BG%20-%20blue%20-%20hero%20banner.png.webp?itok=MZTaN3fj)   



minim laboris, reprehenderit labore ullamco ex fugiat sed sit aliquip cupidatat irure veniam, incididunt dolore commodo Lorem culpa magna quis ut nisi ut non nulla elit, qui anim nostrud deserunt eu sint est et consectetur ut enim do sunt mollit consequat.



 

 

 



## <a class="ck-anchor" id="anchor"></a>Add an Anchor



 

 

 



First go to the **Text** component and click on the **flag icon**.

Then enter a **name** for your anchor. This name is only a code name used in the back office and it has no impact on the front-end display.

Next, create a clickable element such as a **CTA button or a link**. When you edit this element, go to the **URL field** and type a **\#** followed by the **exact anchor name** you created. The spelling must be **strictly identical**, otherwise the link will not work.

Finally, **save** your page so the anchor link is active.





















 



 

 

 



 

 

   ![add an anchor](/sites/g/files/dvc2391/files/styles/media/public/image/2026/01/202601291733%20%281%29.gif?itok=YOvQ4WZT)   





 

 





 

 

 

 





 

 

 

 






## Enhance your web pages with components

[Discover all the components here](/drupal-essentials/components)

 



 

 

 



 [   ![container icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2812%29.jpg.webp?h=b202b291&itok=vmeeKQt-)   ](/text)[Text](/text)

 

###       [Text](/text) 

 

 

 



 

 [   ![Card logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2832%29.png.webp?itok=IkpmBO28)   ](/card)[Card](/card)

 

###       [Card](/card) 

 

 

 



 

 [   ![Quote logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2833%29.png.webp?itok=h2rKsDhF)   ](/quote)[Quote](/quote)

 

###       [Quote](/quote) 

 

 

 



 

 [   ![content carosel icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2811%29.jpg.webp?itok=h0W8b7g1)   ](/carousel)[Carousel](/carousel)

 

###       [Carousel](/carousel) 

 

 

 



 

 [   ![Tab logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2834%29.png.webp?h=ac45851e&itok=iVXOgSle)   ](/tab)[Tab](/tab)

 

###       [Tab](/tab) 

 

 

 



 

 [   ![Employee logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2835%29.png.webp?h=7699e6c3&itok=Po8T6NPm)   ](/employees)[Employee](/employees)

 

###       [Employee](/employees) 

 

 

 



 

 [   ![Iframe logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2836%29.png.webp?h=3089ca13&itok=yg-giCJz)   ](/iframe)[Iframe](/iframe)

 

###       [Iframe](/iframe) 

 

 

 



 

 [   ![Integration Code logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2838%29.png.webp?itok=vZx3cgmj)   ](/integration-code)[Integration Code](/integration-code)

 

###       [Integration Code](/integration-code) 

 

 

 



 

 

  Previous         Next        

 

 

 



## <a class="ck-anchor" id="test_for_anchor"></a>

## <a class="ck-anchor" id="Create_a_ticket"></a>Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)