Question

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

Answer 1

您可以将config中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文件。

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

2 个答案: