0

这是我的情况。我在页面上有一个带有 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>');

我需要转义最内部的引号，这样它们就不会与外部引号冲突。

4

2 回答 2

2

有一个帮手：

tinyMCE.activeEditor.setContent('<%= escape_javascript @template %>')

它也被别名为j

于 2012-08-24T20:58:36.567 回答
0

我只是想到了一个看起来很有效的非常简单的解决方案。我只是将 ' 的出现替换为&quot;

tinyMCE.activeEditor.setContent('<%= @template.gsub(/'/, "&quot;").html_safe %>');
于 2012-08-24T20:54:46.387 回答