TinyMCE4 - 解析HTML文本的问题

时间:2018-03-06 14:36:54

标签: javascript html html5 tinymce-4

  

这些是有效的HTML,根据我们的期望在TinyMCE4中无效



composeWithDevTools




以下是我fiddle的链接。第一个HTML元素工作正常,但在第二个HTML删除未来。无法理解原因。

任何领导或帮助将不胜感激。感谢

3 个答案:

答案 0 :(得分:1)

之前我从未使用过TinyMCE,但似乎<p>元素不会从周围的<span>继承样式。

另一件事,第二个textarea的valid_elements与第一个不同。我猜第二个textarea的valid_elements需要p[style]才能添加样式段。

答案 1 :(得分:1)

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

1)您已将块级元素(p)放在内联元素(span)内,css specification错误。

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

答案 2 :(得分:1)

您的第二个HTML示例是无效的HTML - span是内联元素,无法包含像p标记这样的块元素。如果您在第二个实例中查看HTML,它实际上已缩减为:

<p>Test</p>

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