Prompt 工程
Markdown 語法與工程化渲染
模塊六 · Prompt Engineering · 前置。點擊語法元素看源碼/渲染對比,再看前端渲染方案選型。
語法速覽 · 點擊切換
點擊語法元素,查看寫法與渲染對比
Markdown 源碼
渲染效果
工程化:前端如何渲染 Markdown
大模型輸出 Markdown 文本後,前端需要將其渲染成富文本。選擇合適的庫是關鍵。
marked.js
6KB gzip
選型結論:輕量項目用 marked.js,React 項目用 react-markdown,需要公式/圖表用 markdown-it。流式核心:throttle + 未閉合標記補全。