javascript replace() 具有多个 html 的多个 bbcode 实例

Question

我需要获取 javascript replace() 函数以将 [b] 或 [/b] 的每个实例替换为 <b> 或 </b>。我用全局标签尝试了这个，但它不起作用并且奇怪地出现：

document.write(str.replace(/[b]/g,'<b>').replace(/[/b]/g,'</b>'));

导致输出为：

[<>]<>la<>la[<>][<>]<>la<>la[<>] 

我也尝试将第一部分更改为：

  document.write(str.replace(/[[b]]/g,'<b>').replace(/[[/b]]/g,'</b>'));

哪种有效，但到处都有奇怪的 ]... 像这样：

[blabla[/[blabla[/

我知道我可能在这里缺少一些明显的东西......但我找不到它......任何帮助，我会永远爱你 XD

Answer 1

[、] 和 / 是 special RegExp characters。

• [a] 表示：匹配任何 a 字符。 [abcd] 表示：匹配一个字符，即 a、b、c、d 之一。 [a-z] 表示：匹配任意字母。
• / 用于标记正则表达式的开始和结束。

要使用文字字符，它们必须被转义。

str.replace(/\[b\]/g,'<b>').replace(/\[\/b\]/g,'</b>')

请注意，两个正则表达式都可以使用反向引用合并：

str.replace(/\[(\/?)b\]/g,'<$1b>')
// Replaces [b] with <b>, [/b] with </b>

Answer 2

一次替换它们可能会更好：

 str = "[b]foo[/b] and [b]bar[/b]"
 str.replace(/\[b\](.+?)\[\/b\]/g,'<b>$1</b>') // <b>foo</b> and <b>bar</b>

您还可以更进一步，用一个正则表达式处理多个格式代码（本例中为 b、i、u 和 s）：

str = "[b]foo[/b] and [i]bar[/i]"
str.replace(/\[([bius])\](.+?)\[\/\1\]/g,'<$1>$2</$1>')

像这样的表达式（带有(.+?)）比你的更好，因为它们只处理有效的标记并忽略未关闭的[标签]。