Back to Vendure

UseRichTextEditor

docs/docs/reference/admin-ui-api/react-hooks/use-rich-text-editor.mdx

3.7.3579 B
Original Source
<GenerationInfo sourceFile="packages/admin-ui/src/lib/react/src/react-hooks/use-rich-text-editor.ts" sourceLine="40" packageName="@vendure/admin-ui" />

Provides access to the ProseMirror (rich text editor) instance.

Example

ts
import { useRichTextEditor } from '@vendure/admin-ui/react';
import React from 'react';

export function Component() {
    const { ref, editor } = useRichTextEditor({
       attributes: { class: '' },
       onTextInput: (text) => console.log(text),
       isReadOnly: () => false,
    });

    return <div className="w-full" ref={ref} />
}