段落节点

npx @tiptap/cli@latest add paragraph-node

import { useEditor, EditorContent } from '@tiptap/react'
import { StarterKit } from '@tiptap/starter-kit'

import '@/components/tiptap-node/paragraph-node/paragraph-node.scss'

export default function BasicEditor() {
  const editor = useEditor({
    extensions: [StarterKit],
    content: `
      <h1>标题 1</h1>
      <h2>标题 2</h2>
      <p>一个包含 <a href="#">链接</a> 和 <strong>粗体文本</strong> 的段落。</p>
      <blockquote>一段带有洞察力文本的引用。</blockquote>
      <hr/>
      <p>在水平规则后面的另一个段落。</p>
    `,
  })

  return <EditorContent editor={editor} />
}