Was this page helpful?

Field editors

This article explains how to use Contentfuls open source field editors to customize the main content editing experience.

What is a field editor?

In Contentful content is stored in entries of a specific content type. A content type has fields of different data types such as text, json or number. You can read more about our content model here.

When defining a content type, each field gets a component or widget assigned. These components render that field and provide an interaction model so users can input content into that field. These components are the field editors.

The field editors are React components and they are open source. This means developers can customize them and build entirely new entry experiences.

A screenshot of field editors in the contentful web app (From top to bottom: A reference field editor which has an entry set, an empty reference field editor and lastly a drop-down field editor)

Use cases

There are two main use cases for the open source field editors.

  • Customize the code of a field editor
  • Compose fields in new ways through groups, conditionals or even flattening.

Examples

We prepared two example guides:

Developer playground and documentation

We have created comprehensive documentation around the field editors to demonstrate them and explain them in detail.

A screenshot of field editors documentation

Visit https://contentful-field-editors.netlify.app/ to see in depth documentation of how to use our field editor components.

Additional resources