将方括号内容替换为html

Question

我试图更改代码高亮标记，以匹配Alex的语法高亮符。

我的源代码是这样的：

[csharp]//awesome code[/csharp]

它应该是这样的：

<pre brush: csharp>//awesome code</pre>

我想把允许的标签放进数组中。所以伪代码会是这样的：

$.each(allowedValues,function(index,value){
  MagicReplaceFunction(value);
}

因此，我需要一些东西来改变我的标记，然后才能从代码高亮器调用这些方法。

jQuery是可用的。

Answer 1

使用string.replace函数。

> "[csharp]//awesome code[/csharp]".replace(/\[csharp\]([\s\S]*?)\[\/csharp\]/g, "<pre brush: csharp>$1</pre>")
'<pre brush: csharp>//awesome code</pre>'

[\s\S]*?不贪婪地匹配任何空格或非空间字符。所以,

• \[csharp\]与开始的[csharp]标记匹配。
• ([\s\S]*?)捕获任意数量的中间字符.
• \[\/csharp\]与结束的[/csharp]标记匹配。
• 通过将匹配的字符替换为<pre brush: csharp>，加上组内的字符，索引1加上</pre>将为您提供所需的输出。