javascript - 如何为自定义 HTML 键 [img]/path/to/image.jpg[/img] 添加属性？

Question

我有一个在线文本编辑器，制作精良，但目前不支持图像。

我现在有这个，不觉得这是一个很好的方法。

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;

我将如何添加属性？

Answer 1

我会使用替换函数来替换整个子字符串并更轻松地构建替换字符串：

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

有关更多信息，请查看MDN 文档。