ff1bca1816
- Fixes #5504 - Fixes #5503 - Return 404 when the page does not exist - Modified the footer in order to align it properly - Removed "noticed something to change" in each table of content - Fixed the URLs of the edit module - Added the edit module to Developers - Fixed header style on the REST API page. - Edited the README to point to Developers - Fixed selected state when clicking on sidebar elements --------- Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
31 lines
780 B
Plaintext
31 lines
780 B
Plaintext
---
|
|
title: Block Editor
|
|
icon: TbTemplate
|
|
image: /images/user-guide/api/api.png
|
|
---
|
|
|
|
Uses a block-based rich text editor from [BlockNote](https://www.blocknotejs.org/) to allow users to edit and view blocks of content.
|
|
|
|
<ArticleTabs label1="Usage" label2="Props">
|
|
<ArticleTab>
|
|
|
|
<SandpackEditor content={`import { useBlockNote } from "@blocknote/react";
|
|
import { BlockEditor } from "@/ui/input/editor/components/BlockEditor";
|
|
|
|
export const MyComponent = () => {
|
|
const BlockNoteEditor = useBlockNote();
|
|
|
|
return <BlockEditor editor={BlockNoteEditor} />;
|
|
};`} />
|
|
|
|
</ArticleTab>
|
|
<ArticleTab>
|
|
|
|
<ArticlePropsTable options={[
|
|
['editor', '`BlockNoteEditor`', 'The block editor instance or configuration']
|
|
]} />
|
|
|
|
</ArticleTab>
|
|
</ArticleTabs>
|
|
|
|
<ArticleEditContent></ArticleEditContent> |