tinymce - 配置 TinyMCE 以在 Composite C1 中使用 Font Awesome 图标

标签 tinymce c1-cms

我使用 Composite C1 CMS,但其中的自定义 TinyMCE 太疯狂了。简单的问题:我们想使用 Font Awesome 图标。源码编辑就OK了。 如果我们添加以下内容:

<i class="fa fa-bus"></i>

这已被删除。好吧,添加一个空格:

<i class="fa fa-bus">&#160;</i>

i 转换为 em

如果我更改 VisualEditor.js 文件中的配置中的valid_elements,则不会发生任何情况,仍然是同样的问题。

这个问题有解决办法吗?不管怎样,最好在工具栏上添加一个按钮“添加图标”。

最佳答案

TinyMCE 默认会删除空元素,因此您添加 &nbsp;在你的标签之间告诉 TinyMCE 它不为空。另外<i>在旧版本的 HTML 中曾经是斜体,因此它尝试将旧的斜体标签转换为首选 <em>强调标记。实际上,您可以使用 Font Awesome 的任何标签,因此要解决此问题,只需更改您的 <i><span> :

<span class="fa fa-bus">&nbsp;</span>

关于tinymce - 配置 TinyMCE 以在 Composite C1 中使用 Font Awesome 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26732501/

相关文章:

php - TinyMCE 中的自定义格式 div 与以前的 div 合并

css - 如何在 TinyMCE 中制作带有 float 按钮的流畅工具栏?

c# - 使用 Azure 中的 Composite C1 中的代码写入文件?

testing - 负载测试复合 C1 CMS 控制台

javascript - 在突出显示的空行 Tinymce 中更改字体名称

javascript - TinyMCE表: how to hide advanced properties?

c1-cms - 复合 C1 - 'URL Aliases' ,使用查询字符串重定向 URL

membership-provider - 复合C1-成员资格提供程序-简单的注册和登录

ruby-on-rails - 我将 Rails3 与 tinymce 一起使用。如何呈现用户关闭浏览器javascript然后输入xss?