将带有＃号符号的文本转换为javascript中的链接

Question

I was wondering how would I do the following using Javascript.

Suppose I had a text like the following

var test = '#test is a #cool #place';

and I want the following

<a href="abc.html?q=test">#test</a> is a <a href="abc.html?q=cool">#cool</a> <a href="abc.html?q=place">#place</a>

How would I do that?

Answer 1

Try replace() :

var test = '#test is a #cool #place';
var html = test.replace(/#(\w+)/g, '<a href="abc.html?q=$1">#$1</a>')

Answer 2

test = test.replace(/#([^ ]+)/g, '<a href="abc.html?q=$1">#$1</a>');

Answer 3

I personally like this better:

stringToMatch.replace(/(<a[^>]*)?#(\w+)(?!\w)(?!.*?<\/a>)/g,
    function($0, $1, $2) {
        return $1 ? $0 : '<a href="'+ window.location +'?q=' + $2 + '">#' + $2 + '</a>';
    }
));

This will match everything except other links. See this example .