换行符在 Firestore 中不起作用

Question

我使用 vue 3 和 firestore。

我在写的时候，虽然按回车键换行，但是写space.

才有效

在 firestore 中

这是我的代码。

<div class="form-group">
  <textarea class="form-control" cols="30" rows="10" v-model="content" required></textarea>
</div>

await db.collection('forms').add(
      {
        title: title.value, content: content.value, createdAt, updatedAt, uid, name, views
      }
    )

如何使用换行符？

Answer 1

Firestore 中的换行符按书写方式保留，问题是 Firestore 中的渲染机制被设计为忽略换行符以保留 Firestore 文档的结构。

如果您下载文档快照并将文本呈现在文本区域框内，您可以看到这一点，对于网站，您可能必须使用网络安全替代方案替换换行符，例如 <br />

Answer 2

我刚刚添加了 style="white-space:pre-line" 并且有效！

The line break doesn't work in the firestore