如何在firestore中存储和显示多行文本答案

【问题标题】：how to store and display multiline text in firestore如何在firestore中存储和显示多行文本
【发布时间】：2020-02-10 21:19:29
【问题描述】：

当我使用

存储数据时

  <vs-textarea  v-model="textarea" label=" Description "  rows="5"  />

例如

       abc
       def
       geh

数据以字符串格式存储在firestore中

abc def geh

检索时显示相同使用

 <vs-collapse>
                <vs-collapse-item>
                    <div slot="header">Read More</div>  
                   {{ jobDetails.description }}

                    </vs-collapse-item>
            </vs-collapse>

如何在 firestore 中存储多行文本？

【问题讨论】：

标签： firebase vue.js google-cloud-firestore vuetify.js

【解决方案1】：

只需使用您自己的分隔符格式化文本，然后将其拆分回来。示例：

敏捷的棕狐^跳过懒狗

这里我使用^ 字符作为分隔符。现在只需使用如下拆分：

import java.util.regex.Pattern;

Pattern pattern = Pattern.compile("^");
String[] result = pattern.split(INPUT_STRING);

【讨论】：

【解决方案2】：

您可以添加 '\n' 字符作为换行符并使用white-space: pre-wrap css 来显示它们。
https://codepen.io/GuillaumeMeral/pen/NWWNWMr

【讨论】：