编辑器扩展

RichText 默认启用以下能力：

能力	来源
段落 / 硬换行	StarterKit
标题 H1–H3	StarterKit Heading
加粗 / 斜体 / 删除线 / 下划线	StarterKit
无序 / 有序列表	StarterKit
引用	StarterKit
行内代码 / 代码块	StarterKit
撤销 / 重做	StarterKit History
链接	StarterKit Link
占位符	@tiptap/extension-placeholder
图片	@tiptap/extension-image（需 onImageUpload）

能力演示

下方 Demo 预置了标题、列表、引用与代码块，可用工具栏继续编辑。

<script setup>
import { ref } from 'vue'
import { DanRichText } from '@dandan-ui/ui'

const value = ref(
  '<h2>扩展能力演示</h2><p>支持<strong>加粗</strong>、<em>斜体</em>、<u>下划线</u>与<code>行内代码</code>。</p><ul><li>无序列表</li><li>有序列表见下</li></ul><ol><li>第一步</li><li>第二步</li></ol><blockquote>引用块</blockquote><pre><code>console.log("code block")</code></pre>',
)
</script>

<template>
  <DanRichText
    v-model="value"
    placeholder="试用工具栏：标题 / 列表 / 链接 / 代码"
  />
</template>

自定义更多扩展时，可通过 toolbar / bubble-menu 插槽拿到 editor 自行 editor.chain()...。