@kodifyeditor/web

Web blocks, the <PageBuilder /> surface and HTML renderers for KodifyEditor.

Install

pnpm add @kodifyeditor/web @kodifyeditor/core @kodifyeditor/ui react react-dom

Usage

import { PageBuilder, renderWebHtml, webBlocks } from '@kodifyeditor/web';
import { registerBlocks } from '@kodifyeditor/core';

registerBlocks(webBlocks);

const html = renderWebHtml(state.web, { vars: { clientName: 'Jan' } });

• webBlocks — section, columns, spacer, divider, heading, text, button, image, hero, card.
• PageBuilder — a ready-to-mount editor for web content.
• WebRenderer — React component that renders a block tree.
• renderWebHtml / WebHtmlRenderer.toHtml — serialize a block tree to a standalone, responsive HTML document string.

MIT © Kodify