javascript - 不同 block 中的事件部分开始和结束标记

Question

我们有在 CKEditor 中创建的 RactiveJS 模板，它输出这个

<p>Can you see it?</p>
<p>{{# visible }}</p>
<p>Now you see me</p>
<p>{{/ visible }}</p>

这曾经在 Ractive v0.4 中有效，但在最新版本中会出现解析错误。

似乎在不同的 HTML block 中有一个部分的开始和结束标记不再有效。

有没有办法解决这个问题，无需更改模板？

---

• 适用于 v0.4:https://jsfiddle.net/a243vsdx/1/
• 在 v0.8 中不起作用:https://jsfiddle.net/a243vsdx/

---

已更新以澄清问题:

• 这在 v0.4.x 中有效。是什么改变导致它不再起作用？你能指出源代码中的哪几行吗？
• 我可以使用哪些替代库来按预期解析 mustache 并具有双向绑定(bind)。

Answer 1

如果不更改模板，就没有办法解决这个问题。解析器在最近的几个版本中变得更加严格，因为像这个这样的困惑场景，这不会导致它看起来的结构。在这种情况下，您会得到一些额外的嵌套 p 标记，这并不是特别有害，但在其他情况下却是有害的。所以你在 0.4 中有效的是:

<p>Can you see it?</p>
<p>
  {{# visible }}
    <p></p>
    <p>Now you see me</p>
    <p></p>
  {{/ visible }}
</p>

Ractive 0.8(我认为是 0.5+，但肯定是 0.7+)一直持续到 </p>。在 block 打开之后，它会看到未打开的元素的结束标记并抛出错误。 Ractive 从来不支持 block 跨越标签，因为没有办法在 VDOM 中表示它，这是一个严格的树结构。