Css 列表图标：TinyMCE删除字体标签

Font-Awesome支持，外观非常漂亮，易于处理和设置。例如：

<ul class="fa-ul">
<li><i class="fa-li fa fa-dot-circle-o"></i> Point 1</li>
<li><i class="fa-li fa fa-dot-circle-o"></i> Point 2</li>
<li><i class="fa-li fa fa-dot-circle-o"></i> Point 3</li>
</ul>

这是可行的，但相当复杂，几乎不可能在TinyMCE编辑器中编辑无序列表。如果我删除“第1点”或覆盖文本，TinyMCE也会删除前面的

-标记（即使我仍在

-行中）。基本上在“点1”之前有两个空格。但这很难解释我的客户

---

是否有一个解决方案或一个小小的黑客来阻止删除编辑器中的代码片段？在我的例子中，每个列表点都有带有图标的形状。因此，可以在

之后始终添加

-标记。这可能吗？

您可以添加一个空格，使标记不为空：

<i class="fa-li fa fa-dot-circle-o">&nbsp;</i> 

---

但是它会将

改为

这个字体图标问题困扰了我很长时间。我终于想出了一种防止它发生的方法，但这并不是一个简单的修复方法，所以我将它包装到TinyMCE 4和5的插件中：


插件：


防止TinyMCE将图标转换为元素
防止TinyMCE删除空字体图标
使字体图标可选择，以便您可以更轻松地复制/粘贴/删除它们
让我们来配置用于标识字体图标的CSS选择器

如果您不想将其用作插件，欢迎您获取的相关部分并手动实现。
的可能副本
  tinymce.init({
    cleanup : false,
    verify_html : false
  });

<i class="fa-li fa fa-dot-circle-o">&nbsp;</i>