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

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;