Markdown
SDK 會渲染 bot provider 回傳的 markdown 內容,包含程式碼區塊 (含 syntax highlight)、條列、表格、以及行內格式化。此 Demo 連線到一個 markdown-enabled 的 bot provider,你可以直接試看看。
支援 Markdown 的機器人
此 Demo 連接到一個會回傳 markdown 內容的 bot provider。
特色
- Markdown 富文字格式化
- 程式碼區塊含 syntax highlight
- 條列、表格等更多內容
試試看問
- 「給我一段程式碼範例」
- 「用表格比較 React 和 Vue」
- 「用條列方式總結」
聊天機器人載入中…
程式範例
<Chatbot
title="Markdown Bot"
config={{ botProviderEndpoint: "https://..." }}
customChannelId="my-channel"
/>
SDK 內部使用 streamdown 做串流 markdown 渲染。Bot 回傳的 MESSAGE_DELTA 會即時累加到 typingText,MESSAGE_COMPLETE 時寫入完整的 message.text。不需要任何額外設定。
支援的格式
| 格式 | 語法 |
|---|---|
| 標題 | # h1 ~ ###### h6 |
| 粗體 / 斜體 | **bold** / *italic* |
| 程式碼 | 行內 `code` + 區塊 ```lang(含 syntax highlight) |
| 清單 | 有序 1. / 無序 - |
| 表格 | GFM 表格語法 |
| 連結 / 圖片 | [text](url) /  |
| LaTeX | $inline$ / $$block$$ |