Question

I have an online text editor, very well made however it does not currently support images.

I have this at the moment and don’t feel it to be a very good way of doing it.

var = txt = "some text here oh and here's my image! [img]linktoimage.jpg[/img]";
var = txt.replace(/[img]/g, '<img src="');
var = txt.replace(/[/img]/g, '" alt="" />');
return txt;

And how would I go about adding attributes?

Answer 1

I would use a replacement function, to replace the substring as a whole and to build the replacement string more easily:

txt = txt.replace(/\[img\](.*?)\[\/img\]/g, function(match, src) {
    return '<img src="' + src + '" alt="" />';
});

For more information, have a look at the MDN documentation.