DetailsSummary 扩展

Details 扩展使你能够在编辑器中使用 <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 属性。

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