如何配置Thymeleaf分隔符以解析含RegExp的JavaScript代码？

当Thymeleaf解析包含特定正则表达式的JS代码时，会误将正则中的[(]识别为内联表达式起始符，导致解析失败。以下是几种可行的解决办法：

1. 自定义Thymeleaf内联表达式分隔符 #

你可以修改Thymeleaf默认的内联变量表达式分隔符，避免和正则语法冲突：

• Spring Boot项目配置：在application.properties或application.yaml中添加：

  # 自定义内联变量表达式的起始/结束符
  spring.thymeleaf.inline-expression-variable-start=__[(]
  spring.thymeleaf.inline-expression-variable-end=[)]__
  

• 非Spring环境配置：通过TemplateEngine手动配置方言：

  TemplateEngine templateEngine = new TemplateEngine();
  StandardDialect dialect = new StandardDialect();
  // 设置自定义内联变量表达式分隔符
  dialect.setInlineExpressionVariableStart("__[(]");
  dialect.setInlineExpressionVariableEnd("[)]__");
  templateEngine.setDialect(dialect);
  

  配置后，Thymeleaf只会识别__[(]...[)]__作为内联表达式，不会干扰正则代码。

2. 禁用局部/全局JS内联解析 #

如果不需要Thymeleaf解析某段JS代码，可直接关闭内联：

• 局部禁用（单个script标签）：

  <script th:inline="none">
    const phoneRegex = new RegExp("^[+]*[(]?\\d{1,4}[)]?[-\\s\\./\\d]*$");
  </script>
  

• 局部包裹（仅跳过特定代码块）：

  <script th:inline="javascript">
    // 其他需要Thymeleaf解析的代码
    /*<![CDATA[*/
    // 这段代码不会被Thymeleaf解析
    const phoneRegex = new RegExp("^[+]*[(]?\\d{1,4}[)]?[-\\s\\./\\d]*$");
    /*]]>*/
  </script>
  

3. 使用正则字面量替代构造函数 #

将字符串形式的正则改为正则字面量写法，既不需要转义括号，也能避开Thymeleaf的解析逻辑：

const phoneRegex = /^[+]*[(]?\d{1,4}[)]?[-\s\./\d]*$/;

内容的提问来源于stack exchange，提问作者Slevin