Controle Editor de rich text no Power Apps

  • Artigo

Permite aos usuários finais formatar o texto dentro de uma área de edição de WYSIWYG. O formato de saída é HTML.

Descrição

O controle Editor de rich text oferece ao usuário do aplicativo uma área de edição de WYSIWYG para formatação de texto. O formato de entrada e de saída do controle é HTML.

O controle permite o texto rich text copiado (ou seja, do navegador da Web ou do Word) seja colado no controle.

O uso pretendido do controle é para formatar texto e não garante que a integridade da entrada HTML será preservada. Todas as marcas de script, estilo, objeto e outras potencialmente comprometedoras serão removidas pelo editor. Isso significa que se o rich text foi criado fora do Power Apps, ele poderá não manter a mesma aparência que no produto em que foi criado.

Os recursos com suporte no momento incluem:

  • Negrito, Itálico, Sublinhado
  • Cor do texto, cor de realce
  • Tamanho do Texto
  • Listas numeradas, listas com marcadores
  • Hiperlinks
  • Limpar formatação

Para usar o controle dentro de um formulário, selecione o cartão Editar texto multilinha e personalize-o inserindo o controle RTE.

Principais propriedades

Default – a propriedade de entrada para o valor inicial do texto exibido no editor.

HtmlText – a propriedade de saída do rich-text resultante no formato HTML.

Propriedades adicionais

AccessibleLabel – rótulo para leitores de tela. Deve descrever a finalidade dos anexos.

DisplayMode – se o controle permite a adição e exclusão de arquivos (Editar), apenas exibe dados (Exibir) ou está desabilitado (Desabilitado).

EnableSpellCheck - se o verificador ortográfico do navegador está ativado. Esta funcionalidade fornecerá verificação ortográfica apenas no idioma padrão do navegador. O Power Apps para Windows não suporta esta propriedade.

Height – a distância entre a parte superior do controle e as bordas inferiores.

TabIndex – ordem de navegação do teclado em relação a outros controles.

Visible – se um controle está visível ou oculto.

Width – a distância entre as bordas esquerda e direita de um controle.

X – a distância entre a borda esquerda de um controle e a borda esquerda de seu contêiner pai (ou a tela, se não houver contêiner pai).

Y – a distância entre a borda superior de um controle e a borda superior de seu contêiner pai (ou a tela, se não houver contêiner pai).

Diretrizes de acessibilidade

Suporte ao leitor de tela

Suporte de teclado

  • TabIndex deve ser zero ou maior para que os usuários de teclado possam navegar para ela.

Dica

Usar Alt + 0 enquanto o editor está focado em aprender sobre outros atalhos de teclado.

Observação

Quando a barra de ferramentas estiver focada, as teclas Tab e Shift+Tab navegarão entre os grupos da barra de ferramentas. Porém, não é possível voltar do último grupo para o primeiro grupo e vice-versa.

Limitações

Você só pode interagir com o controle do editor de rich text no Power Apps Studio ao usar o modo de visualização.

Colar imagens no editor de rich text tem as seguintes limitações:

  • Compartilhamento de Recursos entre Origens (CORS)
  • Autenticação
  • Suporte ao formato de imagem no navegador
  • Tipo de imagem (em linha vs URL)
  • Ao inserir uma imagem, não espere que ela seja armazenada automaticamente com a fonte de dados associada. Uma solução possível é implementar uma lógica adicional que carregue imagens do editor de rich text para a fonte de dados, processe a resposta e depois a cole de volta no campo original. Também é importante entender que diferentes programas podem representar imagens copiadas de várias maneiras.

Observação

Os navegadores representam os dados da imagem de maneira diferente, alguns navegadores capturam a imagem como dados de imagem brutos, enquanto outros podem obter uma referência a uma URL que pode não estar acessível após a colagem.

Dica

Usar uma ferramenta de recorte de tela ou de captura de tela para copiar/colar imagens proporcionará a melhor experiência.

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).