来自字符串格式问题的Jade HTML

Question

我正在尝试渲染一段HTML（由TinyMCE创建），它存储在mongodb中，后来由jade渲染。

以下是post.content中显示的console.log字符串：

<p>Well, I'll tell you about that...</p><p>Sometimes, we are just not sure about these things&nbsp;<span id="_mce_caret" data-mce-bogus="1" style=""><strong>Until we get some formatting!!!!</strong></span></p>

我希望它看起来像这样：

  

好吧，我会告诉你这个......

有时，我们不是   确定这些事情直到我们得到一些格式!!!!

这就是我所看到的（从chrome复制）：

  

我在做什么   在这里？

---

＆lt;

好吧，我会告诉你的   那... ...

有时候，我们对这些并不确定   事情直到我们得到一些   格式化!!!!

＆gt;好吧，我会告诉你的   关于那......

有时候，我们对这些并不确定   事情直到我们得到一些   格式化!!!!

＆GT;

这是我的玉模板的相关部分：

.container.content
    h2 #{post.title}
    hr
    div
        #{post.content}

我做错了什么？

显然是UTF-8字节顺序标记...它指向格式化问题，但我没有看到任何关于格式化或更改格式的任何地方。出现在事物的中间也没有意义。它也不会导致console.log出现问题。至于它重复两次，我很困惑。也许我写错了模板？

Answer 1

你有没有尝试过@Marcus Ekwall所说的话？似乎工作正常。

首先是您的测试数据：

{
  post: [ {title: "<p>Well, I'll tell you about that...</p>", 
           content: '<p>Sometimes, we are just not sure about these things&nbsp;
                       <span id="_mce_caret" data-mce-bogus="1" style="">
                         <strong>Until we get some formatting!!!!</strong>
                       </span>
                     </p>'}]
}

接下来是Jade标记：

.container.content
    h2 !{post[0].title}
    hr
    div 
      !{post[0].content}

至少HTML输出：

<div class="container content">
  <h2><p>Well, I'll tell you about that...</p></h2>
  <hr/>
  <div>
    <p>
      Sometimes, we are just not sure about these things&nbsp;
      <span id="_mce_caret" data-mce-bogus="1" style="">
        <strong>Until we get some formatting!!!!</strong>
      </span>
     </p>
  </div>
</div>

和工作jsFiddle。