'i' 标签在 Business Catalyst 中自动转换为 'em' 标签

Question

我在使用 Business Catalyst with Adobe 编辑的网站时遇到格式/重写问题。

每次我用图标填充字段时，例如；

<div class="triangle left"><i class="icon-beaker"></i></div>

我用他们的系统管理面板保存文件，它将图标 class 转换为 em。

所以最后的结果是

<div class="triangle left"><em class="icon-beaker"></em></div>

这会完全删除图标。

Answer 1

假设您正在使用所见即所得的 HTML 视图，而是使用 Business Catalyst 后端中的“开发”选项卡来编辑 HTML。此外，如果您使用的是旧的 WYSIWYG 编辑器，请尝试在合作伙伴门户中将其更新为新版本。

虽然在 Business Catalyst 后端的“开发”选项卡中完成所有编辑工作就足够了，但使用文本编辑器编辑 HTML 内容并使用 SFTP 客户端上传内容是个好主意。

Answer 2

问题似乎是您使用了错误的标签。  标签用于替代 tone/voice，通常以斜体显示。它不代表图标。 Business Catalyst 管理面板正在将斜体标签转换为强调标签 ，因为强调历来是首选标签，并且通常也以斜体显示。请参阅  and  标签的规范。

此外，根据这个 Adobe forum post，如果您使用的是 Font Awesome， 标签没有 CSS 规则， 将是首选标签。

因此，正确的标记应该是：

<div class="triangle left"><span class="icon-beaker"></span></div>

'i' tag automatically converted to 'em' tag within Business Catalyst