Render the content of Strapi's Blocks rich text editor as HTML in your frontend.
npm install blocks-html-rendererRender the content of Strapi's Blocks rich text editor as HTML in your frontend.
Install the HTML-Blocks renderer and its peer dependencies:
``sh`
yarn add blocks-html-renderer
`sh`
npm install blocks-html-renderer
After fetching your Strapi content, you can use the renderBlock function to render the data from a blocks attribute. Pass the array of blocks coming from your Strapi API to the content prop:
`ts
import { renderBlock, type Node } from 'blocks-html-renderer';
// Content should come from your Strapi API
const content: Node[] = [
{
type: 'paragraph',
children: [{ type: 'text', text: 'A simple paragraph' }],
},
];
renderBlock(content);
//
A simple paragraph