Elixir字符串转义问题：渲染至JS/Python时的语法错误修复方案

你遇到的这个坑其实很常见——直接把Elixir字符串塞进JS或Python代码里，没做对应语言的转义，导致特殊字符破坏了语法结构。比如你说的反斜杠转义闭合引号，本质就是因为目标语言把输出的字符当成了语法符号，而不是字符串内容的一部分。

下面分两种场景给你具体的修复方案：

针对JavaScript的修复 #

如果你用的是Phoenix框架，直接用框架自带的Phoenix.HTML.JS.escape/1函数就好，它会帮你处理所有JS字符串的特殊字符（双引号、反斜杠、换行这些）。

修改你的EEx模板：

// index.js.eex
console.log("<%= Phoenix.HTML.JS.escape(str) %>");

要是没用到Phoenix，自己写个简单的转义函数也很容易：

defmodule JSHelper do
  def escape(str) do
    str
    |> String.replace("\\", "\\\\")  # 转义反斜杠
    |> String.replace("\"", "\\\"")  # 转义双引号
    |> String.replace("\n", "\\n")   # 转义换行
    |> String.replace("\r", "\\r")   # 转义回车
    |> String.replace("\t", "\\t")   # 转义制表符
  end
end

然后在模板里调用这个函数：

console.log("<%= JSHelper.escape(str) %>");

这样当str = "\""时，渲染后的JS代码会变成console.log("\"")，这完全符合JS语法，代表字符串内容就是一个双引号。

针对Python的修复 #

Python的字符串转义逻辑类似，我们需要处理双引号、单引号和反斜杠这些特殊字符。同样可以写个工具函数：

defmodule PythonHelper do
  def escape(str) do
    str
    |> String.replace("\\", "\\\\")
    |> String.replace("\"", "\\\"")
    |> String.replace("\'", "\\\'")
    |> String.replace("\n", "\\n")
  end
end

然后修改Python的EEx模板：

# hello.py.eex
print("<%= PythonHelper.escape(str) %>")

渲染后会得到合法的Python代码print("\"")，不会再出现语法错误。

关键原则 #

不管你要嵌入到哪种语言，核心思路都是一样的：把Elixir的字符串转换成目标语言能识别的合法字符串字面量。每个编程语言对特殊字符的处理规则都不一样，直接输出原始字符串肯定会踩坑，一定要做语言特定的转义处理。

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