將自訂樣式新增至「參考線」編輯器
在本文中,我們將瞭解如何新增自訂樣式以變更webitor預設外觀。
這將涉及以下步驟:
- 透過資料夾設定檔XML編輯器設定新增自訂樣式
- 在Webeditor中選擇個別資料夾設定檔並測試變更
以範例來實施
以一個範例讓我們瞭解這一點,我們想要將簡短說明和標題以個別區塊的形式顯示在編輯器中,包含一些樣式方面。
實作此
將自訂CSS新增至資料夾設定檔
使用資料夾設定檔來檢查 css_layout.css 在「XML編輯器設定」索引標籤下方,新增具有自訂樣式的CSS
使用下列專案在編輯器中設定上述樣式:
- 使用 css_layout.css 並將其上傳到您選擇的資料夾設定檔
- 安裝附加的封裝 webeditor-styles-resources.zip 使用AEM套件管理器安裝上述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