Markdown

何时使用

渲染助手回复中的 Markdown 内容时使用。默认会做基础 HTML 消毒。

基础用法

Hello

支持 加粗、代码与列表：

• 表单
• Chat
• 富文本

const ok = true

<script setup lang="ts">
import { DanMarkdown } from '@dandan-ui/ui'

const content = `## Hello

支持 **加粗**、代码与列表：

- 表单
- Chat
- 富文本

\`\`\`ts
const ok = true
\`\`\`
`
</script>

<template>
  <DanMarkdown :content="content" />
</template>

API

Props

属性	说明	类型	默认值	必填
content	Markdown 源文本	string	''	否
breaks	是否将换行转为 <br>	boolean	true	否
html	是否允许源码中的原始 HTML（仍会做基础消毒）	boolean	false	否

Events / Slots

无。纯展示组件。

安全说明

默认会移除 script / style、内联 on* 事件与 javascript: 协议。若开启 html，请确保内容来源可信，或在业务侧先行消毒。