Incorporar imagens no editor de HTML

Você pode usar o seletor de imagem de campo HTML para incorporar imagens em campos HTML e para 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:

Administradores e usuários com a função image_admin gerenciam a biblioteca de imagens em IU do Sistema > Imagens. Consulte Como armazenar 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 deve aparecer ou, para modificar uma imagem existente, clique na imagem.
3. Clique no ícone de inserir/editar imagem ( ícone ) 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. Bibliotecade 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 Escolher arquivo, localize a imagem e clique em Carregar. Se você escolheu o tipo de anexo, clique em Escolher 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 campo Dica da ferramenta.

   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 navegador, pode ser necessário realçar a imagem antes que o quadro de dimensionamento seja exibido.
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 o Alinhamento da imagem (o padrão é Linhade base ) e insira a Espessura da borda.
   Espaçamento	Insira o número de pixels horizontais e verticais ao redor da imagem.
   Tamanho	Insira a Largura e a 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 de 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.