как хранить и отображать многострочный текст в FireStore

Question

когда я сохраняю данные, используя

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

например

       abc
       def
       geh

, данные хранятся в пожарном хранилище в формате строки

abc def geh

и то же отображается при получении с помощью

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

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

как я могу хранить многострочный текст в пожарном хранилище?

Answer 1

Вы можете добавить символы \ n в качестве символов новой строки и использовать white-space: pre-wrap css для их отображения.
https://codepen.io/GuillaumeMeral/pen/NWWNWMr

Answer 2

Просто отформатируйте текст со своим собственным разделителем, а затем разделите его обратно. Пример:

Быстрая коричневая лиса ^ перепрыгивает через ленивую собаку

Здесь я использую символ ^ в качестве разделителя. Теперь просто используйте разделение как:

import java.util.regex.Pattern;

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