TinyMCE4 - 解析 HTML 文本时出现问题

Question

These are valid HTML which is not working in TinyMCE4 as per our expectation

<p><span style='text-decoration: line-through'>Test</span></p>

<span style="text-decoration: line-through;"><p>Test</p></span>

这是我的 fiddle 的 link。第一个 HTML 元素工作正常，但第二个元素没有删除线。无法理解原因。

任何线索或帮助将不胜感激。谢谢

Answer 1

我以前从未使用过 TinyMCE，但 <p> 元素似乎不会从周围的 <span>.

继承样式

另一件事，第二个文本区域的 valid_elements 与第一个不同。我猜第二个文本区域的 valid_elements 需要添加 p[style] 以允许样式段落。

Answer 2

<span style="text-decoration: line-through;"><p>Test</p></span>

1) 你把块级元素(p)放在了行内元素(span)里面，这是错误的css specification。

2) 您还没有为 span[style] 添加测试规则，这就是为什么它会测试失败并在渲染之前删除它。 updated fiddle

Answer 3

您的第二个 HTML 示例无效 [=17=] - span 是一个内联元素，不能像 p 标签那样包裹块元素。如果您在第二个实例中查看 HTML，它实际上被缩减为：

<p>Test</p>

您的有效元素仍然需要有效 HTML。

TinyMCE4 - Issue with Parsing HTML Text