8c6751f0c6
* chore: add precommit hook for eslint fixes, fix linting issues * chore: add eslint import sort plugin
23 lines
770 B
JavaScript
23 lines
770 B
JavaScript
import Document from '@tiptap/extension-document'
|
||
import Paragraph from '@tiptap/extension-paragraph'
|
||
import Text from '@tiptap/extension-text'
|
||
import TextStyle from '@tiptap/extension-text-style'
|
||
import { EditorContent, useEditor } from '@tiptap/react'
|
||
import React from 'react'
|
||
|
||
export default () => {
|
||
const editor = useEditor({
|
||
extensions: [Document, Paragraph, Text, TextStyle],
|
||
content: `
|
||
<p><span>This has a <span> tag without a style attribute, so it’s thrown away.</span></p>
|
||
<p><span style="">But this one is wrapped in a <span> tag with an inline style attribute, so it’s kept - even if it’s empty for now.</span></p>
|
||
`,
|
||
})
|
||
|
||
if (!editor) {
|
||
return null
|
||
}
|
||
|
||
return <EditorContent editor={editor} />
|
||
}
|