pro-chat
pro-chat copied to clipboard
🧐[问题]我的代码块怎么显示的乱糟糟的
🧐 问题描述
代码块乱糟糟的, 是因为后端回答的格式不对吗 ( llama3 回答完全是随机的, 得从前端控制如何 "正常" 显示). 怎么禁用自动渲染 codeblock, 如何自定义渲染效果. 先提个 issue 在这.
💻 示例代码
🚑 其他信息
另外回答很长(超出一屏), overflow, 滚动条上下会不断抖动. 很吓人. 初次使用ProChat, 很完美, 之前用 vue, 哪有这么好的组件. 哈哈. 感谢
@uniquejava 代码块乱是因为模型返回的markdown 格式不正确,他没有高亮这串内容。
正确的 python markdown 应该是 python 但是从你截图上看,模型返回给你的应该是 txt
下面滚动的能贴一下么?滚动的我们修复过的,应该不会效果很差
想要自定义渲染块的有两个办法:
- markdownProps 支持你透传 api 给 ProEditor 的 Markdown 组件,底层是 ReactMarkdown,你可以设置各种 api
- 使用 ChatItemRender Config 里面的 contenRender 允许你自己自定义渲染东西,你可以选择你喜欢的 Markdown 库来高亮大模型返回