为段落的每个换行符添加跨度

Question

在将跨度添加到段落的每一行时遇到了一些麻烦。我想这样做是为了使我的文本动画化，例如来自GSAP的SplitText插件。

我一直在寻找一种方法，这种方法对我的段落中的每个字母都适用：

    var regex = /([^\x00-\x80]|\w)/g
    var textWrapper = document.querySelector(
      ".developpement-description .lines"
    );
    textWrapper.innerHTML = textWrapper.textContent.replace(
      regex,
      "<span class='letter'>$&</span>"
    );

因此，我认为通过更改正则表达式以匹配换行符将可以正常工作：

var regex = /[\n\r]\w/g;

但这不是...

有人可以帮我吗？

Answer 1

尝试如下更改您的正则表达式

var regex = /[\n\r]/gm;