Question

TinyMCE在编辑器中命中退格时删除空元素元素。该元素用于样式目的。问题确实发生在Firefox中，而不是在使用Chrome时。

重现的步骤： 1.转到http://fiddle.tinymce.com/P0eaab（配置已调整，以便不清除班级信息） 2.单击“工具”上的菜单栏，然后单击“源代码” 3.粘贴以下HTML代码

<div class="eight columns row">
<h2>Tarieven seizoensopening 2014</h2>
Prijs per persoon per nacht met inbegrip van een uitgebreid ontbijt en 's avonds een culinair driegangenmenu (apero-wijn-water-koffie):
<ul class="list unstyled-list">
<li><i class="small-arrows"></i>Kamer 1: 125 &euro; ppppn*</li>
<li><i class="small-arrows"></i>Kamer 2: 115 &euro; ppppn*</li>
<li><i class="small-arrows"></i>Kamer 3: 115 &euro; ppppn*</li>
<li><i class="small-arrows"></i>Kamer 4: 100 &euro; ppppn*</li>
</ul>
</div>

点击“确定”按钮
将光标放在“125”
点击退格键，使“125”在“12”中改变
点击“工具”上的菜单栏，然后点击“源代码”

预期结果（仅显示有问题的摘录）：

<li><i class="small-arrows">Kamer 1: 12 &euro; ppppn*</li>
<li><i class="small-arrows"></i>Kamer 2: 115 &euro; ppppn*</li>

实际结果（仅显示问题的摘录）：

<li>Kamer 1: 12 &euro; ppppn*</li>
<li><i class="small-arrows"></i>Kamer 2: 115 &euro; ppppn*</li>

附加说明： - 某种方式退格确实清理了第一个li元素上的“” - 在chrome中执行相同的实验不会产生错误 - 此测试中禁用FireFox中的所有插件以避免任何干扰 - 有没有办法找出导致i元素被删除的原因？你真的可以使用一个显示“实时”javascript动作的调试器。我有Firebug，但看不到我怎么能看到javascript活着

Answer 1

这是一个古老的问题，但也许对某人有用。您需要在tinyMCE配置中添加以下设置

extended_valid_elements:'i[*]'

我只会为“i”标签提供帮助。因此，如果你有其他的empry标签，你也需要在这里添加它。

tinymce在编辑器中击中退格时删除空元素

1 个答案: