2016-03-02 42 views
4

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

回答

2

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

你需要做的唯一一件事情就是在你default.css文件的开头加入这一行:

@import 'customStyles.css'; 

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

+0

@ yuri-dorokhov其实Jammykam的答案好多了。您应该将其标记为正确 –

+0

我的问题是如何一次使用两个'.css'文件。 Jammykam的答案显示了如何配置一个'.css'文件。所以,我决定你的答案是我需要的。 –

+0

你可以使用@jammykam补丁并在其中添加'@ import'链接到原来的'default.css'文件。这是在他的回答评论。 –

8

您可以将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> 

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

+0

当前,此属性设置为default.css文件。我怎样才能在那里添加额外的.css文件? –

+0

对'default.css'没有兴趣,但是如果你必须@import到你的自定义css文件中,或者重写Editor Configuration并指定css文件:https://jammykam.wordpress.com/2015/ 3月11日/用户特定或 - 多站点特定CSS的样式功能于Sitecore的富文本编辑器/ – jammykam