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

Question

我正在尝试渲染一段 HTML（由 TinyMCE 创建），该 HTML 存储在 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 复制）：

我在做什么 在这里？

---

好吧，我来告诉你 那……

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

>好吧，我会告诉你 关于那个...

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

>

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

.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。