Question

只是想知道是否有人有任何方法可以通过CSS，甚至JS在文本区域内的文本中添加段落间距视觉效果？

我知道行高，但想在textarea中添加段落之前/之后的间距，而不是在textarea中输入两次以获得段落之间的空格。

单独使用textarea是否可行？或者我是否需要考虑富文本编辑器，或者甚至自己编写一个带段落间距的简单文本编辑器？（我不想走这条路，因为我只是在段落间距之后，而不是文本编辑器附带的所有其他格式化选项）

Answer 1

不。如果没有line-spacing属性，则无法在不更改区域值的情况下在textarea的段落之间添加空格。这不是JavaScript或CSS选择器可以做的事情。

Answer 2

是的，通过在侦听keyboard event values时替换textarea的值，特别是对于Enter键，可以使用JavaScript。

您将值存储在变量中，并且每当用户点击enter（其事件值为13）时，它将获取该文本并在末尾添加新行。现在，它变为存储在变量中的值，并在下次用户点击输入时添加新行，依此类推。

如果您已经在使用jQuery，那么这是一个简单的实现：

$('#my-text').keypress(function(e) {
  if(e.which === 13) {
    var text = $('#my-text').val();
    $('#my-text').val(text + '\n');
  }
});

e是作为参数传入的键盘事件，当恰好是输入键时，代码存储文本值，然后用该值和新行替换textarea的值。