extract the string between tag not working in regex

Question

This is my vue code

<template> 

<a href="#" class="block relative">
    <img alt="profil" src="https://www.tailwind-kit.com/images/person/1.jpg" class="mx-auto object-cover rounded-full h-16 w-16 "/>
</a>

</template> 
<script> 
export default 
 { 
 name: 'code' , 
 data() { return {} } , 
 created(){}, 
 methods: {} 
  }
</ script>

now I treat this code as a whole string, i want to extract the code from "< template > ".

i tried to use regex,

function getStringBetween(str, start, end) {
    const result = str.match(new RegExp(start + "(.*)" + end));
    return result[1];
}

let test = str.match(new RegExp('<template>' + "(.*)" + '</template>'));
console.log('transferHtml',test);

but the result shows null, any other way to extract the string between certain strings ?

Why are you using a regexp when JavaScript can parse HTML directly? — Barmar, Jan 06 '22 at 00:54
I followed this https://stackoverflow.com/questions/27656575/get-string-between-two-strings-with-javascript — user824624, Jan 06 '22 at 00:57
@user824624 I suggest you read [this](https://stackoverflow.com/a/1732454/15578194). — no ai please, Jan 06 '22 at 00:57
Umm, your regex isn't working because in this case there is content after the ``. — no ai please, Jan 06 '22 at 00:59

score 1 · Answer 1 · answered Jan 06 '22 at 00:55

Looks like HTML. Try using an HTML parser.

var str = "CONTENT_BEFORE<template>foo</template>CONTENT_AFTER";
const parser = new DOMParser();
var parsed = parser.parseFromString(str, "text/html");
var templatetext = parsed.querySelector('template');
console.log(templatetext.innerHTML);

So in your case, it is

var str = `<template> 

<a href="#" class="block relative">
    <img alt="profil" src="https://www.tailwind-kit.com/images/person/1.jpg" class="mx-auto object-cover rounded-full h-16 w-16 "/>
</a>

</template> 
<script> 
export default 
 { 
 name: 'code' , 
 data() { return {} } , 
 created(){}, 
 methods: {} 
  }
</ script>`;
const parser = new DOMParser();
var parsed = parser.parseFromString(str, "text/html");
var templatetext = parsed.querySelector('template');
console.log(templatetext.innerHTML);

extract the string between tag not working in regex

1 Answers1