Sitecore富文本编辑器的分离.css文件
我正在尝试在Sitecore富文本编辑器中使用自定义样式。我找到了一篇文章,它描述了如何做到这一点,但我必须将我的样式放在default.css文件中。 我想在分离的.css文件中添加我的自定义样式,以避免潜在的问题(例如,在升级版本时覆盖default.css文件等等)。Sitecore富文本编辑器的分离.css文件,css,sitecore,rich-text-editor,Css,Sitecore,Rich Text Editor,我正在尝试在Sitecore富文本编辑器中使用自定义样式。我找到了一篇文章,它描述了如何做到这一点,但我必须将我的样式放在default.css文件中。 我想在分离的.css文件中添加我的自定义样式,以避免潜在的问题(例如,在升级版本时覆盖default.css文件等等)。 有没有办法同时使用default.css和custom.css文件?您可以使用@import规则: 您只需在default.css文件的开头添加这一行: @import 'customStyles.css'; 它仍然是de
有没有办法同时使用default.css和custom.css文件?您可以使用
@import
规则:
您只需在default.css
文件的开头添加这一行:
@import 'customStyles.css';
它仍然是
default.css中的一个更改,但只有一个,如果您升级,您将注意到您的自定义样式不再存在,因此您将记得将此@import customStyle.css
行添加到新的default.css
文件中。您可以将配置中的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>
/location/to/custom.css
上面使用补丁配置更新值。当前,此属性设置为default.css文件。我怎样才能在那里添加额外的.css文件呢?default.css
没有什么意思,但是如果你必须@import这个到你的自定义css文件中,或者覆盖编辑器配置并指定css文件:@yuri dorokhov实际上Jammykam的答案要好得多。我的问题是如何同时使用两个.css
文件。Jammykam的回答显示了如何配置一个.css
文件。所以,我决定你的答案就是我需要的。你可以使用@jammykam补丁并在其中添加@import
链接到原始default.css
文件。这是在对他的回答的评论中。实际上,我不在乎你将哪一个标记为答案,但1)你在升级时仍然会遇到问题2)default.css仅用于OOTB演示页面3)保留default.css意味着在RTE样式选择器中列出了额外的样式,而你可能不会使用