How to create a "bbcode" javascript with replace

Question

Markup:

<div class="post">
    [tag]dfghf[/tag][tag]gh[/tag][tag]cxbcvb[/tag][tag]gh[/tag][tag]cxbcvb[/tag][tag]gh[/tag]
</div>

JS I have so far-

for(var j=0;j<post.length;j++){
    var postText = $(post[j]);
    postText.html(postText.html()
                          .replace('[tag]','<span class="tag">')
                          .replace('[/tag]','</span>')
    );
}

Though this seems to only replace the very first tag. How do I get it to replace all the tags?

Yes, use regex with global replace instead of loop – Yuriy Galanter Jun 08 '13 at 02:56 — Yuriy Galanter, Jun 08 '13 at 02:56

score 2 · Accepted Answer · answered Jun 08 '13 at 03:02

Try

postText.html(postText
              .html()
              .replace(/\[tag\]/g,'<span class="tag">')
              .replace(/\[\/tag\]/g,'</span>')
              );

Ex:

$('.post').html(function(){
    return $(this)
    .html()
    .replace(/\[tag\]/g,'<span class="tag">')
    .replace(/\[\/tag\]/g,'</span>')
})

Demo: Fiddle

How to create a "bbcode" javascript with replace

1 Answers1