Как я могу установить макет текста - PullRequest
Новая
       21

Как я могу установить макет текста

0 голосов
/ 26 января 2020

У меня есть проект, и в этом проекте я могу добавить текст, пока никаких проблем. Я хочу написать один под другим (Pic1), но он пишет бок о бок (Pic2). Как я могу это сделать?

Pic1 Pic2

Возможно, фотографии не открываются, я хочу объяснить, что я хочу с примером:

Я хочу это: 

lorem ipsum test text


lorem2 ipsum2 test2 text2

Вывести это (весь текст в одной строке): 

lorem ipsum test tetx lorem2 ipsum test2 text2

Это мое поле ввода 

    <div class="row">
        <div class="col-md-12">
            <div class="Comment input-group">
                <input type="text" class="form-control" id="new_comment_text" placeholder="Yorum" aria-describedby="basic-addon2"/>             
                <div class="input-group-append" >
                    <button class="comment btn btn-success btn-sm" type="button" onclick="doComment(this,'new_comment_clicked',-1,-1);"><span class="fas fa-paper-plane"></span> Ekle </button>
                </div>
            </div>
        </div>
    </div>

Это моя область вывода 

@helper collapsePopUp(string id = "",int noteId=0 , string title = "Modal Title", bool showCloseButton = true)
{
    <div class="commentWrap noCommentBox" data-note-id=@noteId id="@id" name="@id" aria-labelledby="@(id+"_labelPopup")">
        <ul id="@(id+"_bodyPopup")">

        </ul>
    </div>
}

Ответы [ 4 ]

1 голос
/ 26 января 2020

Вам нужно будет преобразовать \n символы <textarea> в <br/> теги.

что-то вроде 

output.innerHTML = str.replace(/\n/g,"<br />");
0 голосов
/ 18 февраля 2020

Я решил проблему, спасибо. Я добавил;

white-space: pre-line

в файл. CSS. Я смог получить изображение, которое хотел.

0 голосов
/ 26 января 2020

Вы должны добавить символ p, чтобы создать новый абзац внутри двух фраз. 

lorem ipsum test tetx lorem2 ipsum <p> test2 text2

Или вы можете добавить символ \ n для большего пробела внутри фраз 

lorem ipsum test tetx lorem2 ipsum <\n> test2 text2
0 голосов
/ 26 января 2020

Немного запутался с вопросом, но при использовании HTML 

<br>

должно работать! Или, если используется css, посмотрите на позиционирование для лучшей практики кодирования. Извините, если это не отвечает на ваш вопрос, если вы обновите с дополнительной информацией, я был бы рад дальнейшей помощи

...