Incorporar imagens no editor de HTML

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 2 min. de leitura
  • Você pode usar o seletor de imagem de campo HTML para incorporar imagens em campos HTML e adicionar imagens à biblioteca de imagens.

    Antes de Iniciar

    Função necessária: A função necessária para atualizar o registro que contém o campo HTML. Por exemplo, qualquer usuário com uma função pode criar um artigo de conhecimento e incorporar uma imagem nele.

    Por Que e Quando Desempenhar Esta Tarefa

    Nota:
    Os administradores e usuários com a função image_admin gerenciam a biblioteca de imagens em IU do Sistema > Imagens. Consulte Armazenamento de imagens no banco de dados .

    Procedimento

    1. Abra o formulário que contém o campo HTML.
    2. Clique na posição em que a imagem será exibida ou, para modificar uma imagem existente, clique na imagem.
    3. Clique no ícone inserir/editar imagem ( Ícone Inserir ou editar imagem) Na barra de ferramentas do editor de HTML.
    4. No formulário Inserir/modificar imagem, insira as informações em cada campo.
      Tabela 1. Formulário Inserir/Modificar imagem
      Campo Descrição
      Tipo Selecione o tipo de imagem.
      • Biblioteca de imagens : Imagens armazenadas na tabela db_image. Você pode reutilizar imagens na biblioteca de imagens em vários locais.
      • Anexo : Disponível somente no registro atual
      Imagem Comece a digitar um nome de arquivo e selecione uma imagem na lista ou clique no ícone de pesquisa de referência e selecione uma imagem.

      Para carregar uma nova imagem, clique em Novo , clique em Escolha Arquivo , localize a imagem e clique em Carregar .

      Se você escolheu Anexo clique em Escolha Arquivo , localize a imagem e clique em Anexar .

      Dica da ferramenta Insira o texto alternativo que aparece quando um usuário aponta para a imagem.
      Alt Insira um texto alternativo que possa ser usado para melhorar a acessibilidade. Por exemplo, ele pode ser usado com um leitor de tela. Se este campo for deixado em branco, o padrão será o texto inserido no Dica de ferramenta campo.
      Nota:
      Para redimensionar uma imagem incorporada, clique na imagem. O quadro de dimensionamento é exibido. Arraste um ponto de dimensionamento até que a imagem tenha o tamanho desejado. Os pontos de canto ajustam o tamanho proporcionalmente. Dependendo do seu navegador, pode ser necessário realçar a imagem antes que o quadro de dimensionamento apareça.
    5. Opcional: Para fornecer controle adicional sobre a aparência de uma imagem, clique em Opções avançadas .
      Tabela 2. Opções avançadas
      Campo Descrição
      Layout Selecione a imagem Alinhamento (o padrão é Linha de base ) e insira Espessura da borda .
      Espaçamento Insira o número de Horizontal e. Vertical pixels ao redor da imagem.
      Tamanho Insira Largura e. Altura da imagem (em pixels).
    6. Clique em OK.
    7. Opcional: Cole uma imagem no editor de HTML.
      Para editar a imagem, salve a entrada e selecione a imagem. Clique no ícone inserir/editar imagem e preencha o formulário usando as mesmas tabelas para adicionar uma imagem.

      As imagens coladas são salvas no sistema como anexos.