將自訂樣式新增至「參考線」編輯器

在本文中,我們將瞭解如何新增自訂樣式以變更webitor預設外觀。

這將涉及以下步驟:

  • 透過資料夾設定檔XML編輯器設定新增自訂樣式
  • 在Webeditor中選擇個別資料夾設定檔並測試變更

以範例來實施

以一個範例讓我們瞭解這一點,我們想要將簡短說明和標題以個別區塊的形式顯示在編輯器中,包含一些樣式方面。

使用自訂樣式預覽Webitor

實作此

將自訂CSS新增至資料夾設定檔

使用資料夾設定檔來檢查 css_layout.css 在「XML編輯器設定」索引標籤下方,新增具有自訂樣式的CSS

使用此連結來進一步瞭解資料夾設定檔和設定CSS範本版面

使用下列專案在編輯器中設定上述樣式:

This will install the resources at path "/content/dam/resources" which will include sub-folders "fonts" and "images"

測試

  • 開啟Web編輯器
  • 從使用者偏好設定中選擇您新增自訂樣式的資料夾設定檔。 如果您將其新增至全域設定檔,表示您可能已經在使用它。
  • 開啟主題,您會注意到編輯區域應具有自訂UI
Please note this is compatible to AEM Guides version 4.2 and AEM Guides cloud version 2303 (March)

參考

您可能也會對中介紹的網路使用者組態和自訂專家座談會感興趣 Webeditor專家講座

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178