Personalização do Editor universal customizing

Saiba mais sobre as diferentes opções para personalizar o Editor universal para atender às necessidades dos autores de conteúdo.

TIP
O Editor Universal também oferece muitos pontos de extensão, permitindo expandir sua funcionalidade para atender às necessidades do projeto.

Uso de tags de configuração do Meta meta-tags

Alguns fluxos de trabalho de criação podem exigir o uso de alguns recursos do Editor universal, e não de outros. Para dar suporte a esses casos diversos, metatags estão disponíveis para configurar ou desativar determinados recursos ou botões do editor.

Use esta marca na seção <head> da página para desabilitar um ou mais recursos:

<meta name="urn:adobe:aue:config:disable" content="..." />

Se quiser desativar vários recursos, forneça uma lista de valores separados por vírgulas.

A seguir estão os valores com suporte para content, ou seja, os recursos que podem ser desabilitados com metatags.

Valor do conteúdo
Descrição
publish
Desabilite toda a funcionalidade de publicação, ou seja, o botão Publicar e o botão Cancelar publicação
publish-live
Desabilitar a publicação em tempo real
publish-preview
Desabilitar publicação de visualização (se o serviço de visualização estiver disponível)
unpublish
Desabilitar o botão Cancelar publicação
copy
Desabilita os botões copiar e colar
duplicate
Desabilita o botão duplicar
header-open-page
Desabilita o botão Abrir página

Alterando seu endpoint custom-endpoint

Se você não quiser usar o Universal Editor Service, que é hospedado pela Adobe, mas sua própria versão hospedada, poderá defini-lo em uma meta tag. Consulte o documento Introdução ao Editor Universal no AEM para obter detalhes.

Componentes de filtragem filtering-components

Você pode restringir os componentes permitidos por contêiner no Editor universal usando filtros de componente. Consulte o documento Componentes de Filtragem para obter mais informações.

Mostrar e ocultar componentes condicionalmente no painel Propriedades conditionally-hide

Embora um componente ou componentes possam estar disponíveis para os autores, pode haver certas situações em que isso não faça sentido. Nesses casos, você pode ocultar componentes no painel de propriedades adicionando um atributo condition aos campos do modelo de componente.

As condições podem ser definidas usando o esquema JsonLogic. Se a condição for verdadeira, o campo será exibido. Se a condição for falsa, o campo ficará oculto.

Modelo de amostra
code language-json
 {
    "id": "conditionally-revealed-component",
    "fields": [
      {
        "component": "boolean",
        "label": "Shall the text field be revealed?",
        "name": "reveal",
        "valueType": "boolean"
      },
      {
        "component": "text-input",
        "label": "Hidden text field",
        "name": "hidden-text",
        "valueType": "string",
        "condition": { "===": [{"var" : "reveal"}, true] }
      }
    ]
 }
Condição falsa
Campo de texto oculto
Condição Verdadeira
Campo de texto mostrado

URLs de visualização personalizados custom-preview-urls

Você pode especificar uma URL de visualização personalizada por meio de uma metaconfiguração de urn:adobe:aue:config:preview, que será aberta ao clicar no botão Abrir página na barra de ferramentas superior direita do editor 🔗.

Para fazer isso, basta incluir o URL de visualização desejado em uma meta tag do aplicativo instrumentado, como no exemplo a seguir.

<meta name="urn:adobe:aue:config:preview" content="https://wknd.site"/>
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab