Question

我想在新行中显示文本字段中的新行文本输入，如下所示

Hello,                            \\1st line
This is how i want to display,     \\2nd line
such input is given to textfield.  \\3rd line

我使用以下代码使用此代码，我在新行中输入的文本根本不显示。（不是第一行文本）此代码仅显示单行文本

{% for obj in post %}
<script>
var str= '{{ obj.content }}';
$(".statbox").prepend("<div class='box2'>" + str + "</div>");
</script>
{% endfor%}

如果我使用下面的代码，那么它会显示所有新行输入文字，但只能在单行中显示

{% for obj in post %}
    <div class='box2'> {{ obj.content }} </div>
{% endfor%}

及其输出

Hello,\\1st line\\ This is how i not want to display, \\2nd line\\ such input is given to textfield.  \\3rd line

那么如何使用js代码becoz在新行中显示所有新行输入输入我希望以prepend方式显示这些文本

先生呐喊......

Answer 1

问题是因为HTML并不尊重空格，除非在某些元素中。

要实现您的要求，您可以使用<br />标记替换字符串中的换行符，如下所示：

＆＃13;

var str = `Hello,
  This is how i want to display,
  such input is given to textfield.`;
$(".statbox").prepend('<div class="box2">' + str.replace(/\n/g, '<br />') + '</div>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="statbox"></div>

＆＃13;

如何在新行中显示新的行输入文本？

1 个答案: