Writing content

In Strapi, writing content consists in filling up fields, which are meant to contain specific content (e.g. text, numbers, media etc.). These fields were configured for the collection or single type beforehand, through the Content-Types Builder.

Edit view to write content

Filling up fields

To write or edit content:

  1. Access the edit view of your collection or single type.
  2. Write your content, following the available field schema. You can refer to the table below for more information and instructions on how to fill up each field type.
Field nameInstructions
TextWrite your content in the textbox.

💡 For long texts, the box can be expanded.
Rich textWrite your content, in MarkDown, in the textbox. Formatting options are available in the top bar of the textbox, as well as a Switch to preview button to see the result of your content.

💡 The box can be expanded by clicking on Expand in the bottom bar. It displays side by side, at the same time, the textbox that you can edit and the preview.
NumberWrite your number in the textbox. Up and down arrows, displayed on the right of the box, allow to increase or decrease the current number indicated in the textbox.
Date1. Click the date and/or time box.
2. Choose a date using the calendar and/or a time among the list.
BooleanClick on OFF or ON.
EmailWrite a complete and valid email address.
PasswordWrite a password.

💡 Click the eye icon, displayed on the right of the box, to show the password.
Enumeration1. Click the drop-down list.
2. Choose an item from the list.
Media1. Click the media area.
2. Choose an asset from the Media Library, or click the Add more assets button to add a new file to the Media Library.

💡 It is possible to drag and drop the chosen file in the media area.
JSONWrite your content, in JSON format, in the code textbox.
UIDWrite a unique identifier in the textbox. A “Regenerate” button, displayed on the right of the box, allows to automatically generate a UID based on the content type name.

Components

Components are a combination of several fields, which are grouped together in the edit view. Writing their content works exactly like for independent fields, but there are some specificities to components.

There are 2 types of components: non-repeatable and repeatable components.

Non-repeatable components

Writing content for a component Writing content for a component

Non-repeatable components are a combination of fields which can be used only once.

By default, the combination of fields are not directly displayed in the edit view:

  1. Click on the icon add to content button to add the component.
  2. Fill in the fields of the component.

To delete the non-repeatable component, click on the trash button icon delete, located on the top right corner of the component area.

Repeatable components

Writing content for a component

Repeatable components are also a combination of fields, but they allow to create multiple component entries, all following the same combination of fields.

To add a new entry and display its combination of fields:

  1. Click on the icon add to content Add new entry button.
  2. Fill in the fields of the component.

The repeatable component entries can be reordered or deleted directly in the edit view, using buttons displayed on the right of the entry area.

  • Use the drag & drop button icon dragdrop to reorder entries of your repeatable component.
  • Use the trash button icon delete to delete an entry from your repeatable component.

NOTE

Unlike regular fields, the order of the entries of a repeatable component is important. It should correspond exactly to how end-users will read/see the content.

Dynamic zones

Dynamic zones are a combination of components, which themselves are composed of several fields. Writing the content of a dynamic zone requires additional steps in order to access the fields.

Writing content for a dynamic zone Writing content for a dynamic zone

  1. Click on the icon add to content Add to content button.
  2. Choose a component available for the dynamic zone.
  3. Fill in the fields of the component.

Dynamic zones’ components can also be reordered or deleted directly in the edit view, using buttons displayed in the top right corner of the component area.

  • Use the arrow button icon reorder to reorder components in your dynamic zone.
  • Use the trash button icon delete to delete a component from your dynamic zone.

NOTE

Unlike regular fields, the order of the fields and components inside a dynamic field is important. It should correspond exactly to how end-users will read/see the content.