Javascript替换文字无法呈现HTML

Question

With

<div>[[foo]] bar</div>

I run

replace(/\[\[(.*)\]\]/, function(t){return "<a href='"+t+"'>"+t+"</a>"});

and the page text just changes to the literal

<a href='[[foo]]'>[[foo]]</a> bar

instead of creating a working hyperlink.

So the question is, how can I get working html using the replace method instead of seeing a literal? Please do not recommend that I just use a linkify library -- this is just an example.

Answer 1

I don't know why nnnnnn didn't post his comment as an answer, because it is correct. The function in replace accepts the matched substring as the first parameter and every other argument is "nth parenthesized submatch string" as described in the MDN docs .

Here is the code:

"<div>[[foo]] bar</div>".replace(/\[\[(.*)\]\]/, function(m, t){return "<a href='"+t+"'>"+t+"</a>"})
"<div><a href='foo'>foo</a> bar</div>"