Sublime Text：复杂的正则表达式-搜索和替换

Question

我想做一个快速测试，看看<span ng-bind="test.id"></span>是否比使用{{test.id}}进行数据绑定更好。 我是否可以在整个应用的正则表达式中做到这一点？

我必须确保它不会替换<div id="chat-{{otherPerson.id}}" ...>之类的标记内的变量，因此它只能替换<div class="message">{{message.body}}</div> 。

我还需要能够检查是否使用了过滤器： {{ otherPerson | fullname}} {{ otherPerson | fullname}}

使用regex甚至可以实现，还是我需要编写一个艰巨的任务来解决呢？

Answer 1

我相信您应该可以使用这种正则表达式

/([^'"])\{\{([^\}|]+)\}\}/gi

1. 匹配1 =任何不以单引号或双引号开头的内容
2. 然后有两个开口的花括号
3. 匹配2 =大括号内的所有内容（如果有一个或多个字符），直到不是竖线或大括号为止
4. 然后有两个闭合的冰壶
5. 全局且不区分大小写的搜索标志

并替换为

'$1<span ng-bind="$2"></span>'

希望能帮助到你！

Answer 2

我认为您可以使用此正则表达式：

/(^|(>[^\<]*)|(^[^\<]*))(\{\{[^\{\}]*\}\})/igm

并使用其替换$4 。

Answer 3

如果我没错，您想更换

>\s*\{\{([^|}<]+)\}\}

与

 ng-bind="\1">

请注意，替换项在前面有空间。

对于过滤器箱，您可以更换

>\s*\{\{([^|}<]+\|[^|}<]+)\}\}

与

 ng-bind="(\1)">

Answer 4

您可以尝试多次通过方法

1. 搜索正则表达式"(.*)\\{\\{([^\\|]+?)\\}\\}(.*)"替换为"$1[[[$2]]]$3"
2. 搜索正则表达式\\{\\{\\s*([^\\|]+?)\\s*\\}\\}替换为<span data-bind="$1"></span>
3. 搜索正则表达式\\[\\[\\[用{{
4. 搜索正则表达式\\]\\]\\]替换为}}