ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add className option and pass through to ReactRenderer

Browse Source
This commit is contained in:
Anton Liubushkin
2022-05-16 17:07:32 +03:00
committed by Dominik
parent b8ae9e2762
commit 00cd74e2c6
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/react/src/ReactNodeViewRenderer.tsx
View File

@@ -21,6 +21,7 @@ export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
updateProps: () => void, updateProps: () => void,
}) => boolean) | null, }) => boolean) | null,
as?: string, as?: string,
className?: string,
} }
class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeViewRendererOptions> { class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeViewRendererOptions> {
@@ -88,11 +89,13 @@ class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeV
as = this.options.as as = this.options.as
} }
const className = this.options.className ? ` ${this.options.className}` : ''
this.renderer = new ReactRenderer(ReactNodeViewProvider, { this.renderer = new ReactRenderer(ReactNodeViewProvider, {
editor: this.editor, editor: this.editor,
props, props,
as, as,
className: `node-${this.node.type.name}`, className: `node-${this.node.type.name}` + className,
}) })
} }