2016-03-02 75 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