这是我的情况。我在页面上有一个带有 javascript 函数的 rails 视图。在该函数内部，我使用了一个 erb 片段，它需要向该函数输出一个字符串。我在 erb 中使用的变量包含一个 html 字符串。该 html 字符串内部包含用于各种元素属性的字符串。最后，由于 css 的原因，元素属性的一些字符串也有字符串。
这就是我的 javascript 函数的样子：
tinyMCE.activeEditor.setContent('<%= @template.html_safe %>');
这是 erb 渲染后的样子：
tinyMCE.activeEditor.setContent('<table border="0" class="mceItemTable" width="440" style="height: 309px; "><tbody><tr><td style="text-align: center; background-color: #ff0000;" data-mce-style="text-align: center; background-color: #ff0000;"><span style="font-size: xx-large; font-family: 'arial black', 'avant garde'; color: rgb(255, 255, 0); ">THIS</span></td><td style="background-color: rgb(154, 205, 50); text-align: center; "><span style="font-size: xx-large; font-family: 'arial black', 'avant garde'; color: rgb(30, 144, 255); ">IS</span></td></tr><tr><td style="background-color: rgb(30, 144, 255); text-align: center; "><span style="font-size: xx-large; font-family: 'arial black', 'avant garde'; color: rgb(154, 205, 50); ">A</span></td><td style="background-color: rgb(255, 255, 0); text-align: center; "><span style="font-size: xx-large; font-family: 'arial black', 'avant garde'; color: rgb(255, 0, 0); ">TEST</span></td></tr></tbody></table><p><br data-mce-bogus="1"></p>');
在出现这样的情况之前，这不会导致任何问题：
tinyMCE.activeEditor.setContent('<span style="font-family: 'arial black', 'avant garde'; color: rgb(255, 0, 0); ">TEST</span>');
我需要转义最内部的引号，这样它们就不会与外部引号冲突。