@ comark/ svelte (英语)
用于 标记. 有自定义 Svelte 组件、流式支持和 SvelteKit SSR 的 Render markdown .
特征
- 🧩
<Markdown>一发平射渲染组件 - 将任何 Comark 标记映射到自定义的 Svelte 组件
- * 方便流动,可自动关闭和护理
- SSR安全,在斯维尔特基特工作
- QQ 插件生态系统( 美人鱼、 突出、 绑定... )
- QQ 全类型脚本支持
安装
npm install @comark/svelte
# or
pnpm add @comark/svelte
使用量
<script lang="ts">
import { Markdown } from '@comark/svelte'
import math, { Math } from '@comark/svelte/plugins/math'
const content = `# Hello\n\nThis is **Comark** in Svelte.`
</script>
<Markdown value={content} components={{ math: Math }} plugins={[math()]} />
自定义组件
<script lang="ts">
import { Markdown } from '@comark/svelte'
import Alert from './Alert.svelte'
</script>
<Markdown value={content} components={{ alert: Alert }} />
::alert{type="warning"}
Heads up!
::
流线
Markdown 财务报告和审定财务报表 MarkdownAsync 重复使用完成的块 streaming 这是真的。 当流结束运行最后的全剖析时, 设置为虚假 。 变动至 options, (中文(简体) ), plugins,或 unwrap 创建新解析器。 标题尾和参考定义使用全剖面来保存标题ID和链接.
<Markdown value={content} streaming={isStreaming} caret />
文档
完整指南和 API 参考 comark.dev/投降/ svelte (英语)。 。 。 .
许可证
由 所制
原载 MIT 许可证。 。 。 .