Capture groups? #58

Activity

1. iansinnott commented on Apr 21, 2020

   

   iansinnott

   on Apr 21, 2020

   Owner

   More actions

   Do you have an example regex?

   This library depends on the functionality of String.prototype.split which will place matched characters in odd-numbered elements of a split array:

   'hey you there'.split(/( )/); // => [ 'hey', ' ', 'you', ' ', 'there' ]
2. hejrobin commented on Dec 1, 2020

   

   hejrobin

   on Dec 1, 2020

   Last edited by hejrobin

   More actions

   Can you add support for multiple regex capture groups?

   With a bit of a workaround you could the the matcher do the logic. The caveat being that the matcher regex, cannot be the same as the "parser" regex, reason being that str.split splits on capture group.

   const md = `
   [Test](https://google.com)
   `;
   
   // Pay attention to where the matcher and parser group diffs
   reactStringReplace(md, /(\[.*?\]\(.*?\))/gi, (match, index) => {
     match.match(/\[(.*?)\]\((.*?)\)/gi);
   
     return <a href={RegExp.$2}>{RegExp.$1}</a>
   });

   👍React with 👍3Reacted by Theo Stavrides, konstantinhenke and NexusDeveloper

   🎉React with 🎉2Reacted by konstantinhenke and Brandon
3. oneillsp96 commented on Jan 8, 2021

   

   oneillsp96

   on Jan 8, 2021

   Last edited by oneillsp96

   More actions

   Speaking of, is there any legitimate way to render html containing markdown? I'm using react-string-replace to highlight some text in a string, but now I've been asked to also render any markdown contained in the string. The way I reeive the data means that the highlight-replacement must operate on the string, so I have to do that part first. If the original string contained markup, I'm left with something like the following (in array form, of course)

   This is <span className="yellow">highlighted</span> text but it has some ## markup as well

   If it was a raw string, I could just use react-markdown or similar lib, but obviously that's not an option after the first transform.

   Any ideas? Even if it means combining with a different package? Btw thanks so much, this library is awesome
4. federicocappellotto97 commented on Mar 9, 2023

   

   federicocappellotto97

   on Mar 9, 2023

   More actions

   Do you have an example regex?

   This library depends on the functionality of String.prototype.split which will place matched characters in odd-numbered elements of a split array:

   'hey you there'.split(/( )/); // => [ 'hey', ' ', 'you', ' ', 'there' ]

   Here the example:

   "<h1>Lorem <strong>Ipsum</strong> <strong>Dolor</strong></h1>".replace( /(^|<\/?[^>]+>|\s+)([^\s<]+)/g, '$1<span>$2</span>' )

   ❤️React with ❤️1Reacted by balibabu