ISSUE: 复制时换行丢失

[Lynn3t]

复制时会丢失换行。

[Lynn3t]

#82
看这个

[wuhaoworld]

@ItsFimall 没太明白，使用什么模型会遇到上面的情况？或者补充个截图?

[Lynn3t]

这样的

[Lynn3t]

我不太会表达，直接 ai 解释吧

原始代码解释：

if (Array.isArray(props.item.content) && props.item.content.length > 0) {
  const images = props.item.content.filter((item: any) => item.type === 'image').map((item: any) => item.data);
  setImages(images);
  const plainText = props.item.content.filter((i) => i.type === 'text').map((it) => it.text).join('')
  setPlainText(plainText);
} else {
  setPlainText(props.item.content as string);
}

1. 条件判断：首先检查 props.item.content 是否是一个非空数组（Array.isArray + length > 0）。
   • 如果是：
     • 提取图片：
       • 过滤出 type 为 'image' 的项（filter）。
       • 提取这些项的 data 字段（map）。
       • 将结果存入 images 并调用 setImages 更新状态。
     • 提取纯文本：
       • 过滤出 type 为 'text' 的项（filter）。
       • 提取这些项的 text 字段（map）。
       • 将所有文本拼接成一个字符串（join('')，无分隔符）。
       • 调用 setPlainText 更新状态。
   • 如果不是数组：
     • 直接将 props.item.content 作为字符串传给 setPlainText（假设它是字符串，as string 是类型断言）。

---

修改后的代码区别：

if (Array.isArray(props.item.content) && props.item.content.length > 0) {
  const images = props.item.content.filter((item: any) => item.type === 'image').map((item: any) => item.data);
  setImages(images);
  const plainText = props.item.content.filter((i) => i.type === 'text').map((it) => it.text).join('\n\n') // <- 关键变化
  setPlainText(plainText);
} else {
  setPlainText(props.item.content as string);
}

唯一变化在于 join('\n\n') 替代了 join('')。

具体区别：

1. 文本拼接方式：
   • 原代码：直接用空字符串拼接（join('')），导致所有文本块无分隔地连在一起。
     • 例如：["a", "b"] → "ab"。
   • 修改后：用 \n\n（两个换行符）拼接，使每个文本块之间用空行分隔。
     • 例如：["a", "b"] → "a\n\nb"，渲染时会显示为：

       a
       
       b
       

作用：

• 改善文本的可读性，尤其在渲染多段文本时，空行能更清晰地区分段落。

[wuhaoworld]

我用相同的 prompt 测试了多次，复制出来的都是正常带换行的，详细沟通可以加一下我的微信 wuhaoworld