我们多年来一直使用带有css的空锚标签来允许悬停状态没有问题。以下是css和html的示例。
a#phone:link, a#phone:visited { width:34px; height:34px; display:inline-block; background:url(phone.png) center top no-repeat; }
a#phone:active, a#phone:hover { background:url(phone-hover.png) center top no-repeat; }
<a href="/contact.php" id="email" title="Contact Us"></a>
经过大量的挖掘后，我终于得到了停止删除我的空锚标签，这就是我感兴趣或有帮助的地方。我试图设置removeEmpty但是在添加protectedSource之前这没有用：
config.contentsCss = '/css/editor.css';
config.protectedSource.push(/<a[^>]*><\/a>/g);
enterCKEDITOR.dtd.$removeEmpty.a = 0; code here
这最终阻止了cke删除标签，但是这些图标仍未出现在wysiwyg编辑器中。它在代码视图中都存在...
我安装了stylesheetparser并且链接的css文件中的其他样式正确显示，包括定义了宽度/最大宽度的浮动div。
当我在Dreamweaver或Web浏览器中查看网页时，所有图标都在那里并且运行良好，但链接/图标不会出现在cke中。我可以添加一个不间断的空间，但这会增加边距/线高，并且只会弄乱对齐设计和布局。
我错过了什么？这是预期的行为吗？我认为不应该这样。这是一个错误吗？
任何想法/想法/帮助？谢谢！