firefox - tinymce 在编辑器中按退格键时删除空元素

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”中的“5”后面

按退格键，将“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”标签。因此，如果您有其他空标签，您也需要在此处添加它。