跳至主要内容

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 會即時累加到 typingTextMESSAGE_COMPLETE 時寫入完整的 message.text。不需要任何額外設定。

支援的格式

格式語法
標題# h1 ~ ###### h6
粗體 / 斜體**bold** / *italic*
程式碼行內 `code` + 區塊 ```lang(含 syntax highlight)
清單有序 1. / 無序 -
表格GFM 表格語法
連結 / 圖片[text](url) / ![alt](url)
LaTeX$inline$ / $$block$$