Question

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

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

我使用的是Ektron 9.00 SP2。

我很感激有关如何为Aloha编辑器添加额外css文件的任何指导。

Answer 1

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

<强> \工作区\ FrameworkUI \ JS \晔\控制\ EktronUI \编辑\阿罗哈\插件\晔\检查员\ lib中\ StyleConfig.js

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

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

<强> \工作区\ FrameworkUI \ JS \晔\控制\ EktronUI \编辑\阿罗哈\ AlohaEktron.aspx

编辑此文件以告诉编辑器可以使用哪些标记AND属性，否则如果未在其中列出，编辑器将在发布时将其从内容中删除。您必须单独列出每个属性和标记（直到我发现其他方式）您想要使用它。

Answer 2

我所做的是编辑root上的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;
}

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

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

2 个答案: