我使用 Composite C1 CMS,但其中的自定义 TinyMCE 太疯狂了。简单的问题:我们想使用 Font Awesome 图标。源码编辑就OK了。 如果我们添加以下内容:
<i class="fa fa-bus"></i>
这已被删除。好吧,添加一个空格:
<i class="fa fa-bus"> </i>
i 转换为 em。
如果我更改 VisualEditor.js 文件中的配置中的valid_elements,则不会发生任何情况,仍然是同样的问题。
这个问题有解决办法吗?不管怎样,最好在工具栏上添加一个按钮“添加图标”。
最佳答案
TinyMCE 默认会删除空元素,因此您添加
在你的标签之间告诉 TinyMCE 它不为空。另外<i>
在旧版本的 HTML 中曾经是斜体,因此它尝试将旧的斜体标签转换为首选 <em>
强调标记。实际上,您可以使用 Font Awesome 的任何标签,因此要解决此问题,只需更改您的 <i>
到 <span>
:
<span class="fa fa-bus"> </span>
关于tinymce - 配置 TinyMCE 以在 Composite C1 中使用 Font Awesome 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26732501/