top of page

HEADER OF PAGE 2

TEST RICH CONTENT 2

Embedded and Linked Entries in Rich Text

Rich Text allows editors to link and embed entries in the flow of text in the UI. These links are returned in the RTF API response as references, and the referenced data is returned in a separate object (more on this below). As a developer, this gives you the flexibility on the front end to build out the HTML you need for linked assets and entries rather than having to deal with opinionated HTML and formatting from the API.

HEADER OF PAGE 2

TEST RICH CONTENT 2

Embedded and Linked Entries in Rich Text

Rich Text allows editors to link and embed entries in the flow of text in the UI. These links are returned in the RTF API response as references, and the referenced data is returned in a separate object (more on this below). As a developer, this gives you the flexibility on the front end to build out the HTML you need for linked assets and entries rather than having to deal with opinionated HTML and formatting from the API.

For example, you might want to:

  • Use custom anchor link wrappers, such as a React Router link or a NextJS Link in your single page application for inline links in Rich Text

  • Use the Contentful Images API to resize, crop and manipulate an image that is returned as a linked asset

  • Render a widget such as an image gallery, a product description box, a sign up form, an annotation window or anything else in the flow of the RTF!

The following screenshot shows a hyperlinked entry, followed by an embedded entry.

I'm a paragraph. Click here to add your own text and edit me. It's easy.

HEADER OF PAGE 2

HEADER OF PAGE 2

Change the text and make it your own. Click here to begin editing.

HEADER OF PAGE

Change the text and make it your own. Click here to begin editing.

bottom of page