fix: allow passing props to NodeViewWrapper and NodeViewContent

This commit is contained in:
Philipp Kühn
2021-04-23 23:38:38 +02:00
parent bd9e15d78f
commit cfb3b80f63
2 changed files with 13 additions and 9 deletions

View File

@@ -1,7 +1,7 @@
import React from 'react' import React from 'react'
export interface NodeViewContentProps { export interface NodeViewContentProps {
className?: string, [key: string]: any,
as?: React.ElementType, as?: React.ElementType,
} }
@@ -10,9 +10,12 @@ export const NodeViewContent: React.FC<NodeViewContentProps> = props => {
return ( return (
<Tag <Tag
className={props.className} {...props}
data-node-view-content="" data-node-view-content=""
style={{ whiteSpace: 'pre-wrap' }} style={{
...props.style,
whiteSpace: 'pre-wrap',
}}
/> />
) )
} }

View File

@@ -2,7 +2,7 @@ import React from 'react'
import { useReactNodeView } from './useReactNodeView' import { useReactNodeView } from './useReactNodeView'
export interface NodeViewWrapperProps { export interface NodeViewWrapperProps {
className?: string, [key: string]: any,
as?: React.ElementType, as?: React.ElementType,
} }
@@ -12,12 +12,13 @@ export const NodeViewWrapper: React.FC<NodeViewWrapperProps> = props => {
return ( return (
<Tag <Tag
className={props.className} {...props}
data-node-view-wrapper="" data-node-view-wrapper=""
onDragStart={onDragStart} onDragStart={onDragStart}
style={{ whiteSpace: 'normal' }} style={{
> ...props.style,
{props.children} whiteSpace: 'normal',
</Tag> }}
/>
) )
} }