為段落的每個換行符添加跨度

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;