ChatGPT-Next-Web icon indicating copy to clipboard operation
ChatGPT-Next-Web copied to clipboard

[Feature] 渲染 Mermaid

Open ChasLui opened this issue 1 year ago • 2 comments

gpt 在绘制流程图的时候希望可以直接渲染出来。

ChasLui avatar Apr 20 '23 08:04 ChasLui

https://github.com/Yidadaa/ChatGPT-Next-Web/blob/b2c711a5e847c33dca139e2e0694c67f0fda4618/app/components/markdown.tsx#L17

Ref: https://mermaid.js.org/config/usage.html#using-mermaid-run

Yidadaa avatar Apr 20 '23 10:04 Yidadaa

同樣需求+1

WingCH avatar Apr 27 '23 02:04 WingCH

输入:

graph TD;
    A[开始]-->B[步骤1];
    B-->C[步骤2];
    C-->D[结束];

输出: image

yzy1996 avatar May 06 '23 02:05 yzy1996

有時候gpt會生成錯誤格式的Mermaid 如果有個button,可以edit /看到raw格式就體驗更好了

WingCH avatar May 06 '23 03:05 WingCH

有時候gpt會生成錯誤格式的Mermaid 如果有個button,可以edit /看到raw格式就體驗更好了

可以复制出来,上面一条我复制出来是正常显示的,但网页渲染有问题。

yzy1996 avatar May 07 '23 07:05 yzy1996