search

ant-design / pro-chat

🤖 Components Library for Quickly Building LLM Chat Interfaces.
https://pro-chat.antdigital.dev
MIT License
586 stars 72 forks source link

🧐[问题]我的代码块怎么显示的乱糟糟的 #240

Open uniquejava opened 1 month ago

uniquejava commented 1 month ago

🧐 问题描述

代码块乱糟糟的, 是因为后端回答的格式不对吗 ( llama3 回答完全是随机的, 得从前端控制如何 "正常" 显示). 怎么禁用自动渲染 codeblock, 如何自定义渲染效果. 先提个 issue 在这.

image

💻 示例代码

🚑 其他信息

uniquejava commented 1 month ago

另外回答很长(超出一屏), overflow, 滚动条上下会不断抖动. 很吓人. 初次使用ProChat, 很完美, 之前用 vue, 哪有这么好的组件. 哈哈. 感谢

ONLY-yours commented 1 month ago

@uniquejava 代码块乱是因为模型返回的markdown 格式不正确，他没有高亮这串内容。 正确的 python markdown 应该是 python 但是从你截图上看，模型返回给你的应该是txt

下面滚动的能贴一下么？滚动的我们修复过的，应该不会效果很差

ONLY-yours commented 1 month ago

想要自定义渲染块的有两个办法：

  1. markdownProps 支持你透传 api 给 ProEditor 的 Markdown 组件，底层是 ReactMarkdown，你可以设置各种 api
  2. 使用 ChatItemRender Config 里面的 contenRender 允许你自己自定义渲染东西，你可以选择你喜欢的 Markdown 库来高亮大模型返回