Sitecore 富文本编辑器的分隔 .css 文件

Question

我正在尝试在 Sitecore 富文本编辑器中使用自定义样式。我找到了文章，它描述了如何做到这一点，但我必须将我的样式放在 default.css 文件中。 我想在单独的 .css 文件中添加我的自定义样式以避免潜在问题（例如，在升级版本时覆盖默认的 .css 文件等）。 有没有办法同时使用 default.css 和 custom.css 文件？

Answer 1

您可以将配置中WebStylesheet 设置的值更新为您希望使用的css 文件的位置。然后 RTE 将加载它。

<!--
  WEB SITE STYLESHEET
            CSS file for HTML content of Sitecore database.
            The file pointed to by WebStylesheet setting is automatically included in Html and Rich Text fields.
            By using it, you can make the content of HTML fields look the same as the actual Web Site

-->
<setting name="WebStylesheet">
  <patch:attribute name="value">/location/to/custom.css</patch:attribute>
</setting>

以上使用补丁配置来更新值。

Answer 2

您可以使用@import 规则：https://developer.mozilla.org/en/docs/Web/CSS/@import

您唯一需要做的就是在default.css 文件的开头添加这一行：

@import 'customStyles.css';

它仍然是 default.css 的变化，但只有一个，如果您升级，您会注意到您的自定义样式不再存在，因此您会记得将此 @import customStyle.css 行添加到新的 default.css 文件中。