javascript - 如何设置文本布局

Question

我有一个元素，在这个元素中我可以添加文本，到目前为止没有问题。我想在另一个下面写一个(图1)，但它并排写(图2)。我怎样才能做到这一点？

可能图片打不开，我想用一个例子来解释一下我想要的:

我想要这个:

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>
}

Answer 1

您需要转换\n <textarea> 的字符至<br/>标签。

类似的东西

output.innerHTML = str.replace(/\n/g,"<br />");