I'm attempting to replace all span tags with the red class and their content with a strike tag. However, I've encountered an issue where it doesn't seem to be replacing the specific span tags as expected.
Below is the code snippet:
let str = `<span class="black">time on hire shall not commence before the first layday (local time) and should the Vessel not have been delivered on or before the canceling date (local time) at the port or place stated in </span><span class="green"><span class="red"> Sub-clause 2(a) the Charterers shall </span></span><span class="black">have the option of cancelling this Charter Party at any time but not later than the day of the </span><span class="red">Vessel</span><span class="black">/</span><span class="red">ad;s</span><span class="green">n</span><span class="black">
</span><span class="red">notice of delivery.
</span>`;
str = str.replace(/<span[^>]+?class="red".*?>([^<]+)<\/span>/g,`<strike>$1</strike>`);
console.log(str);The problem lies in the fact that the code currently only replaces a single instance of the span class red. My goal is to replace all occurrences of spans with the red class with the strike tag.
The current output looks like this:
"<span class="black">time on hire shall not commence before the first layday (local time) and should the Vessel not have been delivered on or before the canceling date (local time) at the port or place stated in </span><span class="green"><span class='red'> Sub-clause 2(a) the Charterers shall </span></span><span class="black">have the option of cancelling this Charter Party at any time but not later than the day of the </span><strike>Vessel</strike><span class="black">/</span><strike>ad;s</strike><span class="green">n</span><span class="black">
</span><strike>notice of delivery.
</strike>"
Note: I will later remove all remaining tags to convert it into a string containing only the strike tag for the red span text, hence CSS cannot be used in this case.