javascript - 使用 Javascript 在 Rails 应用程序中通过 POST 发送富文本

Question

我在APP A中有以下富文本:

漂亮的篮球

• 因为我这么说
• 因为我妈妈这么说
• 因为我的狗这么说

在index.html.erb中，可以通过product.body_html访问此富文本。 ，我将其加载到名为 myProduct 的 Javascript 对象中:

var myProduct= new Object(); 
myProduct.desc ='<%= JSON.generate(raw(product.body_html), quirks_mode: true) %>';

然后我使用 Javascript 通过 POST 将该对象发送到 APP B 中的 API:

var url = appBURL + "/myapi/method";
  $.ajax({
      type: "POST",
      url: url,
      data: JSON.stringify(myProduct),
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(data){
        // data.desc should contain the same rich text
        $(".myDiv").html(data.desc);
      }
  });

我得到了回复data.desc在应用程序 A 中，应该包含相同的富文本。但是当我显示data.desc时里面 <div>我在屏幕上看到的打印内容是这样的

"<p>A nice basketball</p> <ul> <li>because I say so</li> <li>because my mother says so</li> <li>because my dog says so</li> </ul>" 

我实际上在 <div> 中插入了什么(即 data.desc 的内容)是这样的

"<p>A nice basketball</p>
<ul>
<li>because I say so</li>
<li>because my mother says so</li>
<li>kjh</li>
</ul>"

APP A 中的客户端正在添加这些报价。为什么？

如果我在APP A中添加这样的描述:

myProduct.desc ='<%= raw(product.body_html) %>';

然后它可以处理普通文本(并且不添加引号)，但是一旦我有了富文本，它就会在运行 javascript 时产生语法错误。

Answer 1

当你在APP B中渲染文本时，渲染如下:

(CGI::unescapeHTML data.desc).html_safe