設定檔案瀏覽對話方塊的篩選器 id20CIL7009GN

在Web編輯器中工作時,您需要使用檔案瀏覽對話方塊來插入影像、參照或關鍵參照等元素。 預設的檔案瀏覽對話方塊不提供任何檔案篩選選項。 您可以新增自己的篩選器,讓您輕鬆快速地存取所需檔案。

執行以下步驟,將自訂檔案篩選選項新增至檔案瀏覽對話方塊:

  1. 若要下載UI設定檔,請以管理員身分登入Adobe Experience Manager。

  2. 按一下頂端的Adobe Experience Manager連結,然後選擇 工具.

  3. 選取 指南 從工具清單中,按一下 資料夾設定檔.

  4. 按一下 全域設定檔 圖磚。

  5. 選取 XML編輯器設定 標籤並按一下 編輯 圖示在頂端

  6. 按一下 下載 圖示可在本機系統上下載ui_config.json檔案。 您可以接著對檔案進行變更,然後上傳相同的檔案。

  7. ui_config.json 檔案中,新增您要新增之篩選器的定義。

    下列程式碼片段顯示如何新增兩個篩選選項 — DITA檔案和影像檔案。

    code language-none
    "browseFilters": [
                        {
                        "title": "DITA Files",
                        "property": "jcr:content/metadata/dita_class",
                        "operation": "exists"
                        },
                        {
                        "title": "Image Files",
                        "property": "jcr:content/metadata/dc:format",
                        "value": [
                        "image/jpeg",
                        "image/gif",
                        "image/png"
                        ]
                        }
                        ]
    

    在上述程式碼片段中,第一個篩選器是用於DITA檔案。 篩選定義會採用下列引數:

    標題:篩選的顯示名稱。 此標題會以篩選選項的形式顯示在檔案瀏覽對話方塊中。

    屬性:要符合檔案中繼資料的屬性。 例如,若要僅允許具有 dita_class 元資料在其屬性中,屬性篩選器採用" jcr:content/metadata/dita_class「」作為其值。

    operation :指定" exists",以符合屬性引數中指定的值是否存在。

    第二個濾鏡是針對影像檔案。 這些引數類似於第一個篩選器,只是 value 引數。 此 value 引數以影像型別的陣列作為值。 系統會搜尋在value引數中指定的所有檔案型別,並在檔案瀏覽對話方塊中顯示,而會忽略所有其他檔案型別。

  8. 儲存 ui_config.json 檔案並上傳相同檔案。 然後,重新載入網頁編輯器。

    當您啟動檔案瀏覽對話方塊時,會顯示在ui_config.json檔案中設定的篩選選項。

父級主題:​自訂Web編輯器

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