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

Question

I am having some trouble to add a span to each line of a paragraph. I want to do that to animate my text like the SplitText plugin from GSAP.

I have looked up for a way and this works fine for each letter of my paragraph :

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

So I thought that by changing the regex to match a linebreak it will work :

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

But it doesn't...

Could someone help me ?

Answer 1

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

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