javascript - 对文本区域段落的每一行应用缩进

Question

我想在用户输入时对文本区域的每一段应用缩进。我使用了以下代码：

<textarea rows="1" style="height:1em; text-indent:-50px; padding-left:50px;" cols="25" html="true" id="text" >Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</textarea>

但是，它仅适用于文本区域的第一行，而不适用于新段落的每一行。我们可以通过css实现吗？或任何javascript代码？

提前致谢

Answer 1

如果将style属性替换为style="text-indent: 50px"，则段落的首行缩进为 50 像素。

只是这样文本区域中只有一个段落。那里的数据被处理为纯文本，没有办法指示分节符。留下一个空行意味着在一个被视为一个段落的文本块中只有一个空行。

如果你想要一个带有分节符的输入区域，你需要使用一个普通的元素，比如div属性contenteditable（可能，但需要不同的方法，例如，如果你想将数据发送到服务器，你需要将它复制到隐藏的场地）。