JavaScript RegEx: replace text in string between two "markers"

Question

I need this:

Input

<div>some text [img]path_to_image.jpg[\img]</div>
<div>some more text</div>
<div> and some more and more text [img]path_to_image2.jpg[\img]</div>

Output

<div>some text <img src="path_to_image.jpg"></div>
<div>some more text</div>
<div>and some more and more text <img src="path_to_image2.jpg"></div>

This is my try and also fail

var input  = "some text [img]path_to_image[/img] some other text";
var output = input.replace (/(?:(?:\[img\]|\[\/img\])*)/mg, "");
alert(output)
//output: some text path_to_image some other text

Thanks for any help!

Py. · Accepted Answer · 2011-09-06 11:31:48Z

6

A regexp like

var output = input.replace (/\[img\](.*?)\[\/img\]/g, "<img src='$1'/>");

should do

The ouptut of your test is then some text <img src='path_to_image'/> some other text

answered Sep 6, 2011 at 11:31

Py.

3,6091 gold badge36 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mohdajami · Accepted Answer · 2011-09-06 11:30:30Z

4

You don't need a regex, just do:

var output = input.replace ("[img]","<img src=\"").replace("[/img]","\">");

answered Sep 6, 2011 at 11:30

mohdajami

9,7103 gold badges35 silver badges54 bronze badges

Comments

Alex K. · Accepted Answer · 2011-09-06 11:38:05Z

1

Your input example terminates with [\img] not [/img] as your RE searches for.

var input  = '<div>some text [img]path_to_image.jpg[\img]</div>\r\n'
    input += '<div>some more text</div>\r\n'
    input += '<div> and some more and more text [img]path_to_image2.jpg[\img]</div>'

var output = input.replace(/(\[img\](.*)\[\\img\])/igm, "<img src=\"$2\">");
alert(output)

:

<div>some text <img src="path_to_image.jpg"></div>
<div>some more text</div>
<div> and some more and more text <img src="path_to_image2.jpg"></div>

answered Sep 6, 2011 at 11:38

Alex K.

177k32 gold badges276 silver badges299 bronze badges

Comments

Sandro Rosa · Accepted Answer · 2015-10-14 19:45:04Z

0

Here's my solution

var _str = "replace 'something' between two markers" ;
// Let both left and right markers be the quote char.
// This reg expr splits the query string into three atoms
// which will be re-arranged as desired into the input string
document.write( "INPUT : " + _str + "<br>" );
_str = _str.replace( /(\')(.*?)(\')/gi, "($1)*some string*($3)" );
document.write( "OUTPUT : " + _str + "<br>" );

answered Oct 14, 2015 at 19:45

Sandro Rosa

5244 silver badges15 bronze badges

Collectives™ on Stack Overflow

JavaScript RegEx: replace text in string between two "markers"

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related