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

[yilozt]

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

[yilozt]

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

[yilozt]

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

[Chanzhaoyu]

这个功能应该是正常的啊

[cy-i]

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

[cy-i]

[Chanzhaoyu]

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

[yilozt]

现在的 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]

现在的 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]

是否存在缓存原因？

[cy-i]

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

[yilozt]

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

[yilozt]

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

[Chanzhaoyu]

我清除本地的缓存试试

[Chanzhaoyu]

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

[vectorsss]

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

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