Configurar filtros para a caixa de diálogo de procura de arquivos

Ao trabalhar no Editor, é necessário usar a caixa de diálogo de navegação de arquivos para inserir elementos como imagem, referência ou referência de chave. A caixa de diálogo de procura de arquivo padrão não oferece nenhuma opção de filtragem de arquivo. É possível adicionar seus próprios filtros, permitindo acessar os arquivos necessários de forma fácil e rápida.

As guias a seguir fornecem instruções para adicionar opções de filtragem de arquivo personalizadas à caixa de diálogo Procurar arquivo com base na configuração do Experience Manager Guides: Cloud Service ou No local.

Cloud Service
  1. Para baixar o arquivo de configuração da interface do usuário, faça logon no Adobe Experience Manager como administrador.

  2. Clique no link do Adobe Experience Manager na parte superior e escolha Ferramentas.

  3. Selecione Guias na lista de ferramentas e clique em Perfis de Pasta.

  4. Clique no bloco Perfil Global.

  5. Selecione a guia Configuração do editor XML e clique no ícone Editar na parte superior

  6. Clique no ícone Baixar para baixar o arquivo ui_config.json em seu sistema local. Em seguida, você pode fazer alterações no arquivo e fazer upload do mesmo.

  7. No arquivo ui_config.json, adicione a definição dos filtros que deseja adicionar.

    O trecho de código a seguir mostra como adicionar duas opções de filtragem — Arquivos DITA e Arquivos de imagem.

    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"
                        ]
                        }
                        ]
    

    No trecho de código acima, o primeiro filtro é para Arquivos DITA. A definição do filtro usa os seguintes parâmetros:

    • cargo

      o nome de exibição do filtro. Este título aparece como a opção de filtragem na caixa de diálogo de procura de arquivo.

    • propriedade

      a propriedade que deve corresponder aos metadados do arquivo. Por exemplo, para permitir somente os arquivos que têm os metadados dita_class em sua propriedade, o filtro de propriedade assume " jcr:content/metadata/dita_class" como seu valor.

    • operação

      especifique " exists" para corresponder a existência do valor especificado no parâmetro de propriedade.

    O segundo filtro é para Arquivos de imagem. Os parâmetros são semelhantes ao primeiro filtro, exceto o parâmetro value. O parâmetro value usa uma matriz de tipos de imagem como seu valor. Todos os tipos de arquivos especificados no parâmetro value são pesquisados e mostrados na caixa de diálogo de procura de arquivos, todos os outros tipos de arquivos são ignorados.

  8. Salve o arquivo ui_config.json e carregue o mesmo. Em seguida, recarregue o editor.

    Quando você inicia a caixa de diálogo de navegação de arquivos, as opções de filtro configuradas no arquivo ui_config.json são exibidas.

No local
  1. Faça logon no AEM e abra o modo CRXDE Lite.

  2. Navegue até o arquivo de configuração padrão disponível no seguinte local:

    /libs/fmdita/clientlibs/clientlibs/xmleditor/ui_config.json

  3. Crie uma cópia do arquivo de configuração padrão no seguinte local:

    /apps/fmdita/xmleditor/ui_config.json

  4. Navegue e abra o arquivo ui_config.json no nó apps para edição.

  5. No arquivo ui_config.json, adicione a definição dos filtros que deseja adicionar.

    O trecho de código a seguir mostra como adicionar duas opções de filtragem — Arquivos DITA e Arquivos de imagem.

    code language-json
    "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"
          ]
        }
    ]
    

    No trecho de código acima, o primeiro filtro é para Arquivos DITA. A definição do filtro usa os seguintes parâmetros:

    • título: o nome para exibição do filtro. Este título aparece como a opção de filtragem na caixa de diálogo de procura de arquivo.

    • propriedade: a propriedade que deve corresponder aos metadados do arquivo. Por exemplo, para permitir somente os arquivos que têm os metadados dita_class em sua propriedade, o filtro de propriedade assume “jcr:content/metadata/dita_class” como seu valor.

    • operação: especifique “exists” para corresponder à existência do valor especificado no parâmetro de propriedade.

    O segundo filtro é para Arquivos de imagem. Os parâmetros são semelhantes ao primeiro filtro, exceto o parâmetro value. O parâmetro value usa uma matriz de tipos de imagem como seu valor. Todos os tipos de arquivos especificados no parâmetro value são pesquisados e mostrados na caixa de diálogo de procura de arquivos, todos os outros tipos de arquivos são ignorados.

  6. Salve o arquivo ui_config.json e recarregue o Editor.

    Quando você inicia a caixa de diálogo de navegação de arquivos, as opções de filtro configuradas no arquivo ui_config.json são exibidas.

    {width="300"}

Tópico pai:​ Personalizar editor

recommendation-more-help
experience-manager-guides-help-product-guide