javascript convert string that has image url into attr

Question

I am trying to figure out how to convert a user entered string which contains an image url, to display as an image by adding the img attr.

Here is what i have been playing with:

$(".message_content").each(function() {
    var text = $(this).text();
    text = text.replace("http://www.example.org/myimage.jpg", "<img src="http://www.example.org/myimage.jpg"> ");
    $(this).text(text);
});

Although this doesnt work, anybody tried anything similar?

What is the string entered by the user?

user1907906
– user1907906

2014-08-15 15:00:12 +00:00
Commented Aug 15, 2014 at 15:00 — user1907906
– user1907906, Commented Aug 15, 2014 at 15:00

user1907906 · Accepted Answer · 2014-08-15 15:01:00Z

3

Escape the ".

text = text.replace("http://www.example.org/myimage.jpg",
  "<img src=\"http://www.example.org/myimage.jpg\"> ");

More general:

var userinput = "http://www.example.org/myimage.jpg";
text = text.replace(userinput, "<img src=\"" + userinput + "\">");

answered Aug 15, 2014 at 15:01

user1907906

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

1 Comment

Dave Over a year ago

Yeah or use single quotes in your JS: text = text.replace('http://www.example.org/myimage.jpg', '<img src="http://www.example.org/myimage.jpg">');

Collectives™ on Stack Overflow

javascript convert string that has image url into attr

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related