pro-chat icon indicating copy to clipboard operation
pro-chat copied to clipboard

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

Open uniquejava opened this issue 1 year ago • 3 comments

🧐 问题描述

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

image

💻 示例代码

🚑 其他信息

uniquejava avatar May 31 '24 14:05 uniquejava

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

uniquejava avatar May 31 '24 15:05 uniquejava

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

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

ONLY-yours avatar Jun 04 '24 09:06 ONLY-yours

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

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

ONLY-yours avatar Jun 04 '24 09:06 ONLY-yours