chore: 显示原文时使用 .whitespace-pre-wrap #779

yilozt · 2023-03-22T08:06:29Z

显示 ChatGPT 输出的原文时保留空格和换行

yilozt · 2023-03-22T08:07:44Z

现在使用 .raw-text 显示的话，空格和换行不会被保留：

yilozt · 2023-03-22T08:09:33Z

现在使用 .whitespace-pre-wrap 来保留 ChatGPT 输出的格式：

Chanzhaoyu · 2023-03-22T09:55:43Z

这个功能应该是正常的啊

cy-i · 2023-03-22T10:16:26Z

我这边也和楼主一样的情况，默认显示正常，点击显示原文后，空格和换行不会被保留！我是Docker搭建的。

cy-i · 2023-03-22T10:17:50Z

Chanzhaoyu · 2023-03-22T11:03:42Z

whitespace-pre-wrap 这个 class 的作用就是 white-space: pre-wrap ，为何你们的会异常呢？

yilozt · 2023-03-22T11:12:01Z

现在的 main 分支里用的是 raw-text：

chatgpt-web/src/views/chat/components/Message/Text.vue

Lines 72 to 77 in 9c6a3d6

    
           <div ref="textRef" class="leading-relaxed break-words"> 
        
             <div v-if="!inversion"> 
        
               <div v-if="!asRawText" class="markdown-body" v-html="text" /> 
        
               <div v-else class="raw-text" v-text="text" /> 
        
             </div> 
        
             <div v-else class="whitespace-pre-wrap" v-text="text" />

导致的这个问题。

Chanzhaoyu · 2023-03-22T11:14:54Z

现在的 main 分支里用的是 raw-text：

chatgpt-web/src/views/chat/components/Message/Text.vue

Lines 72 to 77 in 9c6a3d6

<div ref="textRef" class="leading-relaxed break-words">

<div v-if="!inversion">

<div v-if="!asRawText" class="markdown-body" v-html="text" />

<div v-else class="raw-text" v-text="text" />

</div>

<div v-else class="whitespace-pre-wrap" v-text="text" />

导致的这个问题。

我知道，我的意思是 raw-text 和 whitespace-pre-wrap 并没有区别，而且我测试也是正常的。

Chanzhaoyu · 2023-03-22T11:20:00Z

是否存在缓存原因？

cy-i · 2023-03-22T11:25:15Z

不是，我在无痕模式下又测试了一下，还是一样！
Chrome 版本 112.0.5615.29（正式版本）beta （64 位）

yilozt · 2023-03-22T11:27:33Z

我这里也是，在清除浏览器数据后也是同样的问题。在 localhost 和自己在远程搭建的 docker 容器上跑也是一样。

yilozt · 2023-03-22T11:32:22Z

再次清除浏览器试了一下，这里的 white-space 显示的是 normal：

Chanzhaoyu · 2023-03-22T11:40:26Z

我清除本地的缓存试试

Chanzhaoyu · 2023-03-22T11:41:56Z

还是复现不出来，合并算了

显示 ChatGPT 输出的原文时保留空格和换行

vectorsss · 2023-03-22T21:58:46Z

还是复现不出来，合并算了

我的情况跟楼主一样，非原文是正常的。切换原文就不显示换行了

* chore: change docs * feat: 添加 Prompt 模板和 Prompt 商店支持 (Chanzhaoyu#268) * feat: 添加Prompt模板和Prompt商店支持 * feat: well done --------- Co-authored-by: Redon <790348264@qq.com> * feat: 设置添加关闭按钮 * chore: format * chore: 2.10.4 * chore: cover * fix: 更新JSON导入检查 (Chanzhaoyu#523) * feat: Improve zh-TW locale (Chanzhaoyu#511) * fix: cors in auth_secret_key model (Chanzhaoyu#499) * fix: 修改最大行数与官方保持一致 (Chanzhaoyu#502) * chore: rename environment variables files * docs: update README.md about .env file * feat: support long reply * chore: upgrade chatgpt package and set long reply to false default * chore: set long reply to false default * fix: change maxRows to 8 * feat: mobile max row --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> * feat: support linux command line proxy standard (Chanzhaoyu#308) * feat: support linux command line proxy standard with env HTTPS_PROXY and ALL_PROXY * chore: update docs for linux command linux proxy standard * fix: Prompt商店在线导入可以导入两种recommend.json里提到的模板 (Chanzhaoyu#516) (Chanzhaoyu#521) * fix(PromptStore): import prompt template using different dict keys * chore(PromptStore): clear url field after downloading * feat: 仓库添加翻译 * feat: 仓库查询筛选 * feat: 调整界面 * chore: update deps * feat: improve zh-TW locale, translate new strings (Chanzhaoyu#542) * feat: 语言设定改为下拉框选择 * feat: 修改 Prompt Store 移动端样式 * chore: docs change * feat: 权限输入框改为密码类型 * fix: 清空上下文时不应该重置会话标题 * chore: docs change * chore: optimize dockerfile to speed up building and reduce docker image size (Chanzhaoyu#520) * chore: v2.10.5 * fix: 修复导入、导出错误 * fix: inverted parameter for before each function (Chanzhaoyu#585) * fix: 🐛 fix scroll bar style (Chanzhaoyu#617) * fix: typo (Chanzhaoyu#636) * perf: 优化移动端 prompt 商店样式 (Chanzhaoyu#608) * feat: 修改移动端 prompt 商店样式 * add: 修改移动端 prompt 商店样式 * perf: 清理代码 --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> * chore: extract proxy setup code into reusable function (Chanzhaoyu#583) * perf: 记录上下文设定保存到本地 * perf: 优化部份判断 * docs: 移除 docker-compose.yml 省略 * feat: show api balance (Chanzhaoyu#582) * feat: show api balance * Update index.ts * 保留小数点后五位 * perf: 判断优化 --------- Co-authored-by: Redon <790348264@qq.com> * chore: update deps and lint fix * feat: session 返回接口方式做显示判断 * fix: highlight.js 控制台兼容性警告 * chore: v2.10.6 * fix: 回退 chatgpt 版本导致的代理失效 * fix: 添加 usingContext 缺省 * chore: v2.10.7 * feat: 查询余额使用 API_BASE_URL 参数 * feat: 渲染的链接新窗口打开 * perf: config 接口添加权限验证 * fix: 手动重置异常的 loading * feat: 添加用于显示回复消息原文的选项 (Chanzhaoyu#672) * feat: 添加显示用于原文的选项 * chore: 修复暗色主题下文本颜色问题给输入和输出气泡添加了 css 类,用来处理在暗色主题下聊天气泡的文本颜色 * feat: 用户输入不应该被渲染，防止 xss --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> * feat: 新增限流功能 (Chanzhaoyu#718) * 请求速率限制 * perf: 优化代码 --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> * feat: 添加角色设定预留API 设定页(Chanzhaoyu#768) * add systemMessage * perf: 优化代码和类型 * perf: 补全翻译和为以后做准备 --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> * perf: 重置回答时滚动定位至该回答 (Chanzhaoyu#781) * chore: 重置回答时滚动定位至该回答 * perf: format code --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> * perf: scrollToBottom 改成 scrollToBottomIfAtBottom (Chanzhaoyu#771) * feat: 更新依赖并兼容已存在的代理 * feat: 当用gpt-4的API 时增加可用的 Max Tokens (Chanzhaoyu#729) * fix: 用GPT-4 API时增加max token * style: eslint fix --------- Co-authored-by: Redon <790348264@qq.com> * feat: Create start.cmd (Chanzhaoyu#656) 在windows下也可以运行 * chore(vsc-debug): 增加 visual-studio-code 的 debug 启动文件 (Chanzhaoyu#296) * fix line end with new-line in some backend (Chanzhaoyu#474) * fix line end with new-line in some backend In backend with golang (like https://github.com/sashabaranov/go-openai), the responseText always has '\n'. * feat: 补全遗漏 --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> * feat: 增加 ChatGPTUnofficialProxyAPI 的模型自定义配置 (Chanzhaoyu#632) * feat: 增加 ChatGPTUnofficialProxyAPI 的模型自定义配置(Chanzhaoyu#618) * perf: 修改判断 --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> * chore: 显示原文时使用 .whitespace-pre-wrap (Chanzhaoyu#779) 显示 ChatGPT 输出的原文时保留空格和换行 * feat: PWA 默认不开启 * feat: 切换 history 时自动聚焦输入框 (Chanzhaoyu#735) * feat: 修改 scrollToBottom 行为(当滚动条在底部或发送问题时才会进入自动滚动,滚轮向上滚动会中止自动滚动,方便复制和查看之前的代码; 切换 history 时自动聚焦输入框,方便直接输入文字,不用再次去点击输入框;) * chore: 通过eslint检查 * perf: 清理重复功能 --------- Co-authored-by: Redon <790348264@qq.com> * perf: 网络连接时 500 自动跳转到主页 * docs: fix docker port to private (Chanzhaoyu#802) * feat: add zh-TW prompts in the Promt Store (Chanzhaoyu#796) * fix: prompt store 样式问题 * chore: v2.10.8 * fix: 重置时应该移除本地储存 * fix: PWA 未添加的问题 (Chanzhaoyu#807) Co-authored-by: bingo235 <> * fix: 移动端新建会话关闭侧边栏 (Chanzhaoyu#813) * perf: 移动端删除 chat 时，侧边栏应该收起 * fix: ESM error (Chanzhaoyu#826) * perf: 自动焦点时移动端上的不便 * fix: 移动端焦点不触发的问题 * perf: 本地地址 * fix: 反向代理限流失效 (Chanzhaoyu#863) https://docs.colyseus.io/zh_hk/colyseus/how-to/rate-limit/ 使用nginx限流会只识别为服务器ip，需启用trust proxy --------- Co-authored-by: ChenZhaoYu <790348264@qq.com> Co-authored-by: Nothing1024 <78358913+Nothing1024@users.noreply.github.com> Co-authored-by: Peter Dave Hello <hsu@peterdavehello.org> Co-authored-by: Yige <a@wyr.me> Co-authored-by: Eason <tobewhatwewant@gmail.com> Co-authored-by: 吴杉(Shan Wu) <Shan.Wu.1995@gmail.com> Co-authored-by: Wisdom <pdsu.wwz@foxmail.com> Co-authored-by: Hayden Chen <hayden.chen.b612@gmail.com> Co-authored-by: 碎花爱洋裙 <44236581+lizhongyuan3@users.noreply.github.com> Co-authored-by: CornerSkyless <573196853@qq.com> Co-authored-by: Kirk Lin <linkirk@163.com> Co-authored-by: pzcn <sdustpedro@gmail.com> Co-authored-by: Yi <32430186+yilozt@users.noreply.github.com> Co-authored-by: xiaozhu <501801307@qq.com> Co-authored-by: quzard <1191890118@qq.com> Co-authored-by: 舜岳 <1277952981@qq.com> Co-authored-by: 吴杉(Shan Wu) <Shan.Wu@ut.ee> Co-authored-by: vulgate <vulgate@qq.com> Co-authored-by: KeepRunning <ChandlerVer5@gmail.com> Co-authored-by: Liut <Eagle.L@gmail.com> Co-authored-by: hncboy <619452863@qq.com> Co-authored-by: Allen <987425154@qq.com> Co-authored-by: 东子 <16423601+kilvn@users.noreply.github.com> Co-authored-by: Bing <bingo235@users.noreply.github.com> Co-authored-by: Kid <44045911+kidonng@users.noreply.github.com> Co-authored-by: gitgitgogogo <gitgitgogogo@users.noreply.github.com>

显示 ChatGPT 输出的原文时保留空格和换行

chore: 显示原文时使用 .whitespace-pre-wrap

51a6033

显示 ChatGPT 输出的原文时保留空格和换行

Chanzhaoyu merged commit 9227893 into Chanzhaoyu:main Mar 22, 2023

Equim-chan pushed a commit to Equim-chan/chatgpt-web that referenced this pull request Mar 22, 2023

chore: 显示原文时使用 .whitespace-pre-wrap (Chanzhaoyu#779)

9687b39

显示 ChatGPT 输出的原文时保留空格和换行

pzcn pushed a commit to pzcn/chatgpt-web2 that referenced this pull request Mar 22, 2023

chore: 显示原文时使用 .whitespace-pre-wrap (Chanzhaoyu#779)

15c971e

显示 ChatGPT 输出的原文时保留空格和换行

jingChen55 pushed a commit to jingChen55/chatgpt-web that referenced this pull request Mar 27, 2023

chore: 显示原文时使用 .whitespace-pre-wrap (Chanzhaoyu#779)

98a6bec

显示 ChatGPT 输出的原文时保留空格和换行

jingChen55 pushed a commit to jingChen55/chatgpt-web that referenced this pull request Mar 27, 2023

chore: 显示原文时使用 .whitespace-pre-wrap (Chanzhaoyu#779)

41f0985

显示 ChatGPT 输出的原文时保留空格和换行

suikodev referenced this pull request in AstraSurge/gpteams Mar 27, 2023

chore: 显示原文时使用 .whitespace-pre-wrap (#779)

2a9bdca

显示 ChatGPT 输出的原文时保留空格和换行

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore: 显示原文时使用 .whitespace-pre-wrap #779

chore: 显示原文时使用 .whitespace-pre-wrap #779

yilozt commented Mar 22, 2023

yilozt commented Mar 22, 2023

yilozt commented Mar 22, 2023

Chanzhaoyu commented Mar 22, 2023

cy-i commented Mar 22, 2023 •

edited

Loading

cy-i commented Mar 22, 2023

Chanzhaoyu commented Mar 22, 2023

yilozt commented Mar 22, 2023 •

edited

Loading

Chanzhaoyu commented Mar 22, 2023

Chanzhaoyu commented Mar 22, 2023

cy-i commented Mar 22, 2023

yilozt commented Mar 22, 2023

yilozt commented Mar 22, 2023 •

edited

Loading

Chanzhaoyu commented Mar 22, 2023

Chanzhaoyu commented Mar 22, 2023

vectorsss commented Mar 22, 2023

chore: 显示原文时使用 .whitespace-pre-wrap #779

chore: 显示原文时使用 .whitespace-pre-wrap #779

Conversation

yilozt commented Mar 22, 2023

yilozt commented Mar 22, 2023

yilozt commented Mar 22, 2023

Chanzhaoyu commented Mar 22, 2023

cy-i commented Mar 22, 2023 • edited Loading

cy-i commented Mar 22, 2023

Chanzhaoyu commented Mar 22, 2023

yilozt commented Mar 22, 2023 • edited Loading

Chanzhaoyu commented Mar 22, 2023

Chanzhaoyu commented Mar 22, 2023

cy-i commented Mar 22, 2023

yilozt commented Mar 22, 2023

yilozt commented Mar 22, 2023 • edited Loading

Chanzhaoyu commented Mar 22, 2023

Chanzhaoyu commented Mar 22, 2023

vectorsss commented Mar 22, 2023

cy-i commented Mar 22, 2023 •

edited

Loading

yilozt commented Mar 22, 2023 •

edited

Loading

yilozt commented Mar 22, 2023 •

edited

Loading