防止TinyMCE删除span元素

这是问题演示

你可以在这里尝试一下：http://fiddle.tinymce.com/SLcaab http://fiddle.tinymce.com/SLcaab

这是TinyMCE默认配置

• 减去所有插件
• 使用扩展有效元素：“跨度”

1 - 打开 Html 源代码编辑器

2 - 将此 html 粘贴到 Html 源编辑器中：

<p><span>Hello</span></p>
<p><a href="http://www.google.com">Google 1</a></p>
<p><a href="http://www.google.com">Google 2</a></p>

3 - 单击 Html 源编辑器中的更新以将 html 粘贴到编辑器中

4 - 请记住“Hello”周围有一个跨度。

5 - 将光标放在 Google 2 之前，然后按退格键（两个链接应合并在同一段落元素内）。

6 - 使用 Html 源代码编辑器查看生成的 html。

结果（问题）：即使我们将“span”添加到 TinyMCE 设置中的extend_valid_elements 中，html 文档中也不再有跨度。

Note:我删除了所有插件以确保问题是 TinyMCE 的核心。

编辑1 - 我也尝试过：valid_children : "+p[span]" - 仍然不起作用

Edit 2:仅在 WebKit 上复制（在 Firefox 和 IE 上正常）

Insert extended_valid_elements : 'span' into tinymce.init:

tinymce.init({
    selector: 'textarea.tinymce',
    extended_valid_elements: 'span',
    //other options
});