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

refactoring

Browse Source
This commit is contained in:
Philipp Kühn
2021-03-31 11:13:09 +02:00
parent a90f08fb1c
commit e0895926bd
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/react/src/BubbleMenu.tsx
View File

@@ -1,13 +1,15 @@
import React, { useEffect, useRef } from 'react'
import { BubbleMenuPlugin, BubbleMenuPluginKey, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
export type BubbleMenuProps = Omit<BubbleMenuPluginProps, 'element'>
export type BubbleMenuProps = Omit<BubbleMenuPluginProps, 'element'> & {
className?: string,
}
export const BubbleMenu: React.FC<BubbleMenuProps> = (props) => {
export const BubbleMenu: React.FC<BubbleMenuProps> = props => {
const element = useRef<HTMLDivElement>(null)
useEffect(() => {
const { editor, keepInBounds } = props
const { editor, keepInBounds = true } = props
editor.registerPlugin(BubbleMenuPlugin({
editor,
@@ -21,7 +23,7 @@ export const BubbleMenu: React.FC<BubbleMenuProps> = (props) => {
}, [])
return (
<div ref={element}>
<div ref={element} className={props.className}>
{props.children}
</div>
)