javascript将具有图像url的字符串转换为attr

Question

我试图弄清楚如何通过添加 img attr 将用户输入的包含图像 url 的字符串转换为图像。

这是我一直在玩的：

$(".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);
});

虽然这不起作用，但有人尝试过类似的方法吗？

Answer 1

转义"。

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

更笼统的：

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