0
175
VistasHow to remove leading and trailing space in a tag? regex
I have user-defined tags in the content, and have keyword tags that has corresponding id number on it
const tags = ["<i>", "<c>", "<b1>", "<b2>", "<b3>"];
keyword tags e.g. "<key2>", "<key10>"
I have to remove the leading and trailing spaces, because I need to split it by word.
Here's is my sample content:
let content =
`<b1> <c> "The Modern Amphibians" </c> </b1>
Modern <b>amphibians </b> have a simplified <key2>anatomy </key2> compared to their ancestors due to <i> paedomorphosis</i>.
Caused by two evolutionary trends: <b2> miniaturization </b2> and an unusually.
Don’t think that this term’s work will be <key23> a piece of cake </key23>`
The expected output would be (leading & trailing space(s) removed)
let output =
`<b1><c>"The Modern Amphibians"</c></b1>
Modern <b>amphibians</b> have a simplified <key2>anatomy</key2> compared to their ancestors due to <i>paedomorphosis</i>.
Caused by two evolutionary trends: <b2>miniaturization</b2> and an unusually.
Don’t think that this term’s work will be <key23>a piece of cake</key23>`
I have tried to make my own regex, starting with the c tag but I'm not sure if this is proper, since I just need only to remove the spaces, but my regex is including the tag.
const customRegex = \((<c>\s)|(\s<\/c>))\g.
Someone can help. thanks.
·
Juan Pablo Isaza
3 Respuestas
Responde la pregunta0
You can use regex /\s*(<.*?>)\s*/g
let content = `<b1> <c> "The Modern Amphibians" </c> </b1>
Modern <b>amphibians </b> have a simplified <key2>anatomy </key2> compared to their ancestors due to <i> paedomorphosis</i>.
Caused by two evolutionary trends: <b2> miniaturization </b2> and an unusually.
Don’t think that this term’s work will be <key23> a piece of cake </key23>`;
const result = content.replace(/\s*(<.*?>)\s*/g, "$1");
console.log(result);
·
Juan Pablo Isaza
Denunciar
0
You may try (<[^<>\/]+>)\s+|\s+(<\/[^<>]+>).
This ensures to only remove spaces either after an opening tag (e.g. <s>) or before a closing tag (e.g. </s>)
const regex = /(<[^<>\/]+>)\s+|\s+(<\/[^<>]+>)/g;
const content =
`<b1> <c> "The Modern Amphibians" </c> </b1>
Modern <b>amphibians </b> have a simplified <key2>anatomy </key2> compared to their ancestors due to <i> paedomorphosis</i>.
Caused by two evolutionary trends: <b2> miniaturization </b2> and an unusually.
Don’t think that this term’s work will be <key23> a piece of cake </key23>`;
console.log(content.replace(regex, '$1$2'));
·
Juan Pablo Isaza
Denunciar
0
let output = content.replaceAll(/(\s)?(\<\/?\w+\>)(\s)?/g, '$2')
This should work
·
Juan Pablo Isaza
Denunciar
Responde la pregunta