Back to Blog
A Post about Mountains
Duis sint tempor nostrud deserunt duis commodo aute est non ut elit anim ea. Cillum quis reprehenderit tempor velit ipsum qui culpa consequat anim.
Julian Benegas
3 min read
BaseHub is a headless CMS that helps you write, store and distribute content for
the Internet, faster. In our docs, we aim to give you an overview of BaseHub’s
core concepts, as well as guide you through common use cases of the platform.
How to use Rich Text in React?
The Delivery API can return your Rich Text Blocks’ data in multiple formats:
1. Plain Text, will ignore all formatting, media, and custom components, easy
to render.
2. HTML, will ignore custom components, easy to render.
3. Markdown, will ignore custom components, needs a markdown to HTML parser to
render.
4. JSON, comes with everything, but needs something that understand and
processes it.
In the case of the JSON format, the response will be an AST based on the TipTap
editor spec. Because of the complexities associated with processing this JSON
format, we’ve built a React Component called
{async ([{ homepage }]) => {
"use server"
return {homepage.subtitle.json.content}
}}
)
}
export default Page
When using the // [!code highlight]
{async ([data]) => {
"use server" // needs to be a Server Action // [!code highlight]
// some notes
// 1. `data` is typesafe.
// 2. if draft === true, this will run every time you edit the content, in real time.
// 3. you can render nested Server Components (Client or Server) here, go nuts.
return (
)
}
export default Page
> Note: This is a fragment of the BaseHub documentation. For more info, please
> go to our official docs.
{JSON.stringify(data, null, 2)}
)
}}