8c6751f0c6
* chore: add precommit hook for eslint fixes, fix linting issues * chore: add eslint import sort plugin
30 lines
654 B
JavaScript
30 lines
654 B
JavaScript
import './styles.scss'
|
||
|
||
import { EditorContent, useEditor } from '@tiptap/react'
|
||
import StarterKit from '@tiptap/starter-kit'
|
||
import React from 'react'
|
||
|
||
import ReactComponent from './Extension.js'
|
||
|
||
export default () => {
|
||
const editor = useEditor({
|
||
extensions: [
|
||
StarterKit,
|
||
ReactComponent,
|
||
],
|
||
content: `
|
||
<p>
|
||
This is still the text editor you’re used to, but enriched with node views.
|
||
</p>
|
||
<react-component count="0"></react-component>
|
||
<p>
|
||
Did you see that? That’s a React component. We are really living in the future.
|
||
</p>
|
||
`,
|
||
})
|
||
|
||
return (
|
||
<EditorContent editor={editor} />
|
||
)
|
||
}
|