如何提取两个定界符之间的所有字符？

Question

I got following "string":

<form>{% include '../form.html' %}</form>

I would now like to extract the "../form.html" out of the import tag with javascript:

var regex = /b{\% include | $\%}/i;

var source = "<form>{% include './form.html' %}</form>";

console.log(regex.exec(source));

However I actually have no idea what to do ^^. My problems about this are:

• how to handle special characters (eg "{" and "%" )
• how to test if they occur in an line (word boundaries?)
• how to check that the found piece starts AND ends with the tag
• how to extract the string between the "'" and "'"

Update

What about if I have a whole text which has multiple appearances of an include?

<form>{% include '../form.html' %}</form>
<table>{% include '../table.html' %}</table>

Answer 1

There is nothing special to do:

var regex = /{% (?:include|import|extends) '([^']+)' %}/gi;

var source = "<form>{% include './form.html' %}  {% import './form2.html' %}</form>";

var results = [], found;
while (found = regex.exec(source)) {
    results.push(found[1]);
}
console.log(results);

Answer 2

Try this:

\{% include '(.+?)' %\}

http://regex101.com/r/nY1aP2

By using the non-greedy .+? and capturing it out, your first capture group will include the ./form.html that you want.

Answer 3

You can use:

s="<form>{% include '../form.html' %}</form>";
re = /\{% +include +(['"])([^'"]+)\1/;
fn = s.match(re)[2]; //=> ../form.html

Answer 4

you can do it like:

var text = "<form>{% include '../form.html' %}</form>";
var extractedUrl = /(?:include '(.*?)' %)/.exec(text)[1];

Answer 5

You could just follow the input pattern, the whole match is in group 0
the part between quotes is group 1.

 #   /<form>{%[ \t]+include[ \t]+'([^']+)'[ \t]+%}<\/form>/


 <form>{% [ \t]+ include [ \t]+ 
 '
 ( [^']+ )                          # (1)
 '
 [ \t]+ %}</form>