为文件浏览对话框配置筛选器 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”作为其值。

    操作
    : 指定“exists”以匹配属性参数中指定的值是否存在。

    第二个滤镜用于图像文件。 除了value参数之外,这些参数与第一个筛选器相似。 value参数采用图像类型的数组作为其值。 在value参数中指定的所有文件类型都将被搜索并显示在文件浏览对话框中,所有其他文件类型将被忽略。

  8. 保存​ ui_config.json ​文件并上传该文件。 然后重新加载Web编辑器。

    启动文件浏览对话框时,将显示在ui_config.json文件中配置的过滤器选项。

父主题:​自定义Web编辑器

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