javascript - 将 HTML 字符串 append 到 Iframe 中导致语法错误，正确的方法是什么？

Question

我在做什么:

我正在存储(MySQL)格式的文本，其结构如下:

I'm Robert (I'm = I am)<br>You're in France (You're = You are)<br><br><strong></strong><span class="st">?</span> <b>I</b>'m Robert  <br>? Am Robert <del> <br></del><br>? <b>You</b>'re Robert <br>? Are Robert  <br><br>I'm = I am<br>You're = ___ ___?<br><br><br><br>

我正在尝试从数据库中检索此字符串，然后将其 append 到像这样的所见即所得编辑器中。

function enableEditMode(){
            card_content.document.designMode = 'On';
            $('iframe[name=card_content]').contents().find('body').append("I'm Robert (I'm = I am)<br>You're in France (You're = You are)<br><br><strong></strong><span class="st">?</span> <b>I</b>'m Robert  <br>? Am Robert <del> <br></del><br>? <b>You</b>'re Robert <br>? Are Robert  <br><br>I'm = I am<br>You're = ___ ___?<br><br><br><br>");
}

我收到以下错误:

SyntaxError: missing ) after argument list

我认为这是因为“”引号引起了问题。

问题:

如何将 HTML append 到 DOM 中而不引发这样的语法错误？

Answer 1

我认为你需要转义单引号或双引号:

function addslashes( str ) {
    return (str + '').replace(/[\\"']/g, '\\$&').replace(/\u0000/g, '\\0');
}

来自:Escaping Strings in JavaScript

或者您在服务器端转义字符串并返回转义的字符串。因此，结果应该是这样的:

"this is a test, isn\'t it great! <span class=\"test\">Test</span>"