详细内容扩展

详细扩展使您能够在编辑器中使用 <details> HTML 标签。这非常适合显示和隐藏内容。

安装

npm install @tiptap/extension-details

用法

import { Details, DetailsSummary, DetailsContent } from '@tiptap/extension-details'

const editor = new Editor({
  extensions: [Details, DetailsSummary, DetailsContent],
})

设置

HTMLAttributes

应添加到渲染的 HTML 标签的自定义 HTML 属性。

DetailsContent.configure({
  HTMLAttributes: {
    class: 'my-custom-class',
  },
})