【问题标题】: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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-10-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多