строка с текстовым режимом тимелина, как сохранить отступ для каждой строки - PullRequest
0 голосов
/ 22 апреля 2020

У меня есть строка, хранящаяся в базе данных, которая содержит разрыв строки, она должна выглядеть следующим образом при отображении на странице:

abc
def
hkg

Теперь мне нужно добавить эту строку в диалог электронной почты в качестве содержимого электронной почты и его формат должен быть:

enter image description here

мой текстовый шаблон тимелист для создания содержимого электронной почты выглядит следующим образом:

Test: [# th:each="g : ${gList}"]    
    Description:
        [(${g.descr})]

Однако после того, как я добавил содержимое шаблона для textarea, это: enter image description here

, то есть отступа от строки 2 нет, это не то, что я хочу.

Как я могу получить следующий формат для одной строки, которая содержит несколько строк?

Test:
    Description:
        abc
        def
        hkg

Код html для отображения содержимого электронной почты в диалоговом окне:

<div class="row">                       
    <label class="col-2 text-right">Content:</label>
    <textarea id="emailContent" class="col-9" v-model="email.content" >
    </textarea>
</div>

другой вопрос это: что если эта строка длинная, но без переноса строки, она имеет только пробелы между словами. в этом случае он по-прежнему отображает остаток строки из строки 2 без отступа.

1 Ответ

0 голосов
/ 22 апреля 2020

Строка, хранящаяся в базе данных, abc\ndef\nhkg, поэтому, когда вы ее распечатываете, вы получаете:

Test:\n
....Description:\n
........abc\n
def\n
hkg

Поскольку это обычный текст, и у вас нет возможности форматирования html, вам придется изменить саму строку. По сути, вам нужно заменить символы новой строки \n на 8 пробелов и новую строку. Вы хотите, чтобы строка выглядела так:

abc\n........def\n........hkg

Что касается того, как это выглядит в Thymeleaf. Довольно уродливо, но я думаю, что это должно сработать для вас:

Test: [# th:each="g : ${gList}" th:with="newline=${T(System).getProperty('line.separator')}"]    
    Description:
        [(${#strings.replace(g.descr, newline, newline + '        ')})]
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...