javascript - 用图片标签替换自定义标签

Question

我正在尝试使用用户的纯文本编辑器插入图像我的自定义标签的语法是

[^img]www.uploadedimage.com/image.jpg[$img]

需要转换成

<img src="www.uploadedimage.com/image.jpg" />

我发现以下正则表达式是成功的

var re = /\[\^img\](.+?)\[\$img\]/g;
var userInput="[^img]www.uploadedimage.com/image.jpg[$img]"
var newstr = userInput.replace(re, "<img src=\"$1\"  />");

我想知道我做的是否正确或是否存在缺陷......或者是否为此目的使用正则表达式......如果不是，可能的解决方案是什么？

Answer 1

看起来棒极了。

• 总体而言。在我看来，您无需更改任何内容...或者 + 与 * 我会在下面解释。

• 捕获。对于捕获，您的另一个选择是使用 ([^\[]+) 而不是 (.+? )。这将匹配任何不是左方括号([$img] 定界符的开头)的字符。理论上的“好处”是回溯会更少(惰性点星会导致引擎在每一步都回溯)。但真的......在现代机器上，这并不重要。

• 量词。您确实意识到，如果图像标签为空，则不会替换任何内容，对吗？那是因为你的 + 需要匹配一个或多个字符。如果这是个问题，请使用 * 而不是 +，因为 * 将匹配零个或更多字符。

  <

做得好!