如何在 Ektron 的 Aloha 编辑器中添加另一个样式表？答案

【问题标题】：How can you add another stylesheet to Aloha editor in Ektron?如何在 Ektron 的 Aloha 编辑器中添加另一个样式表？
【发布时间】：2015-05-21 21:57:42
【问题描述】：

我试图弄清楚如何向 Aloha 添加另一个样式表，以便在编辑内容时内容正文将使用外部字体。但是，我找不到 Ektron 设置 Aloha 在构建其元素时使用的 css 文件的位置。

添加另一个样式表而不是仅仅更改 aloha.css 的原因是，在 Ektron 更新时，只需要重新添加链接，而不必再次通过并更新 css 文件。不幸的是，尽管在 Visual Studio 中寻找 aloha.css，但它并没有出现在任何搜索中。

我正在使用 Ektron 9.00 SP2。

对于如何为 Aloha 编辑器添加额外的 css 文件的任何指导，我将不胜感激。

【问题讨论】：

标签： ektron aloha-editor

【解决方案1】：

您是否希望创建一个在 Aloha 编辑器中使用/显示的类，供作者在编辑内容时使用？如果是这样

\Workarea\FrameworkUI\js\Ektron\Controls\EktronUI\Editor\Aloha\plugins\ektron\inspector\lib\StyleConfig.js

编辑此文件以定义对编辑器可用（内置）的类。然后，这些类将显示在 .js 文件中定义的某些标签的右侧

不要忘记确保您已经定义了标签及其属性，这样它们就不会像 Ektron 所说的那样被“清理”。

\Workarea\FrameworkUI\js\Ektron\Controls\EktronUI\Editor\Aloha\AlohaEktron.aspx

编辑此文件以告诉编辑器可以使用哪些标签和属性，否则如果它们未在此处列出，编辑器将在发布时将它们从内容中删除。你必须单独列出你想使用的每个属性和标签（直到我发现不是这样）。

【讨论】：

【解决方案2】：

我所做的是在根目录上编辑 default.css。我将 @font-face 添加到 CSS 的顶部，并将所有内容放在 .ektron-aloha 类中。例如：

@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(fonts/Lato/Lato-Regular.ttf) format('truetype');
}




.ektron-aloha h6 {
font-size: 17px;
font-family: 'Lato', sans-serif;
display: inline !important;
font-weight: bold;
line-height: 1.2em;
}

有了这个，我能够在工作区编辑器中显示很多自定义 CSS。我必须手动将它加载到博客中（编辑文件夹属性并设置 CSS default.css），但我无法让它用于日历事件。

【讨论】：