文本区域中的新行，同时使用道具循环

Question

给定这个片段，我如何在指定位置插入新行？

<div>
<textarea>{{props value.something}}{{:key}}: {{:prop}} {{/props}}</textarea>
----------------------------------------------------------^
</div>

<br>和n在文本区域内打印为文本

现在，我像这个一样作弊

<div>
<textarea>{{props value.something}}{{:key}}: {{:prop}}
{{/props}}</textarea>
</div>

这也行，但我得到两个新的线每一个循环和大缩进每一行

<div>
<textarea>
{{props value.something}}
{{:key}}: {{:prop}}
{{/props}}
</textarea>
</div>

我想像第一个或最后一个例子一样保持代码的可读性

Answer 1

您的"欺骗；这个方法当然是正确的，并不是真正的欺骗。它遵循的规则是在模板中输出您想要的内容。(您正在将换行符插入到您想要的位置(。请参阅此处的讨论。

但是的，这可能会使模板不太容易阅读，因此您可以使用Jsender支持的HTML字符实体插入CR和/或LF字符(请参阅此处的讨论(：

<div>
<textarea>{{props value.something}}{{:key}}: {{:prop}}&#13;&#10;{{/props}}/textarea>
</div>