UNPKG

@blocknote/react

Version:

A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.

27 lines (26 loc) 1.5 kB
import { BlockFromConfig, BlockNoteEditor, BlockSchemaWithBlock, CustomBlockConfig, InlineContentSchema, PartialBlockFromConfig, Props, PropSchema, StyleSchema } from "@blocknote/core"; import { FC, ReactNode } from "react"; export type ReactCustomBlockImplementation<T extends CustomBlockConfig, I extends InlineContentSchema, S extends StyleSchema> = { render: FC<{ block: BlockFromConfig<T, I, S>; editor: BlockNoteEditor<BlockSchemaWithBlock<T["type"], T>, I, S>; contentRef: (node: HTMLElement | null) => void; }>; toExternalHTML?: FC<{ block: BlockFromConfig<T, I, S>; editor: BlockNoteEditor<BlockSchemaWithBlock<T["type"], T>, I, S>; contentRef: (node: HTMLElement | null) => void; }>; parse?: (el: HTMLElement) => PartialBlockFromConfig<T, I, S>["props"] | undefined; }; export declare function BlockContentWrapper<BType extends string, PSchema extends PropSchema>(props: { blockType: BType; blockProps: Props<PSchema>; propSchema: PSchema; domAttributes?: Record<string, string>; children: ReactNode; }): import("react/jsx-runtime").JSX.Element; export declare function createReactBlockSpec<const T extends CustomBlockConfig, const I extends InlineContentSchema, const S extends StyleSchema>(blockConfig: T, blockImplementation: ReactCustomBlockImplementation<T, I, S>): { config: T; implementation: import("@blocknote/core").TiptapBlockImplementation<T, any, InlineContentSchema, StyleSchema>; };