Como carregar e incorporar uma imagem no Rich Content Editor?

Você pode incorporar imagens no Rich Content Editor. Imagens podem ser carregadas a partir do seu computador ou adicionadas usando uma URL. Também é possível incorporar imagens a partir do seu computador e arquivos do usuário.

Várias funcionalidades do Canvas oferecem suporte ao Rich Content Editor, incluindo anúncios, tarefas, fóruns, páginas e testes.

Nota: Você pode incorporar uma variedade de tipos de arquivos de imagem. Saiba quais tipos de arquivos de imagem você pode incorporar.

00:07: How do I upload an embedded image in the rich content editor as a student? 00:12: Open the rich content editor when using one of the canvas features, which support the editor. 00:18: You can upload and embed an image by dragging and dropping from a web browser or 00:22: a file saved to your computer. If you drag and drop an image 00:26: from a web browser The Source URL for the image populates in the file 00:30: URL field in the image options. 00:34: You can upload and embed an image by copying and pasting it. 00:38: To copy an image to your clipboard right? Click the image and select copy. 00:43: You can paste it by right clicking into the Rich Text Editor and selecting paste or 00:47: using the keyboard shortcut Ctrl + V on a PC or command + V 00:51: on a Mac. 00:53: To upload an image from the toolbar click the image icon. 00:57: From the drop-down menu select the upload image option. 01:01: Alternatively, you can embed images from the menu bar. 01:04: Click the insert link navigate to view the image options, then 01:08: select the upload image option. 01:12: By default the image upload tool displays the computer tab click 01:16: or drag and drop an image file to the image uploader to upload a file from your 01:20: computer. 01:22: After uploading your file the uploader displays the image file name and 01:26: an image preview. To remove the image. 01:28: Click the delete icon. 01:31: To upload an image using a URL click the URL tab Enter 01:36: the URL in the file URL field 01:40: To add alt text to your image type an alternative text description or 01:44: text tags in the alt text field. 01:47: By default the alt text field displays the image file name. 01:51: Alt text is read by screen readers and it displays when an embedded image 01:55: cannot display. If the image is decorative and does not require, alt 01:59: text click the decorative image check box. 02:03: By default the embed image display option is selected for embedded 02:07: images. To display the image file link select the display 02:11: text link display option 4 the file link will 02:15: replace the image in the rich content editor. 02:19: To embed your selected image. Click the submit button. 02:23: View your uploaded image in the rich content editor. 02:25: You can also add alt text tags and manage the image display options. 02:31: To manage image options from an embedded image file. 02:33: Click the image then click the image options link. 02:37: You can manage display options for embedded images in the image options menu. 02:42: You can manage the image, alt text the image size and other display 02:46: options. To replace or update an image added via URL 02:51: enter an updated image URL in the file URL field. 02:55: Click the done button. 02:58: View the content created in the rich content editor. 03:02: This guide covered how to upload an embed an image in the rich content editor as 03:06: a student.

Abrir o Rich Content Editor

Abra o Rich Content Editor ao usar uma das funcionalidades do Canvas que oferecem suporte ao Editor.

Nota: O Rich Content Editor suporta atalhos do teclado. Para visualizar uma janela com uma lista de atalhos de navegação do teclado, clique no ícone Teclado ou pressione Alt+F8 (no teclado do PC) ou Option+F8 (no teclado do Mac) simultaneamente.

Carregar imagem via arrastar e soltar

Carregar imagem via arrastar e soltar

Você pode carregar e incorporar uma imagem arrastando e soltando de um navegador da Web ou de um arquivo salvo em seu computador. Se você arrastar e soltar uma imagem de um navegador da Web, o URL de origem da imagem será preenchido no campo URL do arquivo nas Opções de Imagem (Image Options).

Nota: Você pode carregar e incorporar várias imagens arrastando e soltando os arquivos de um navegador da Web ou salvos em seu computador.

Carregar imagem copiando e colando

Carregar imagem copiando e colando

Você pode carregar e incorporar uma imagem copiando-a e colando-a. Para copiar uma imagem para a área de transferência, clique com o botão direito do mouse na imagem e selecione Copiar (Copy).  Você pode colar clicando com o botão direito do mouse no Rich Text Editor e selecionando Colar (Paste) ou usando o atalho de teclado CTRL+V em um PC ou Command+V em um Mac.

Carregar imagens da barra de ferramentas

Carregar imagens da barra de ferramentas

Para enviar uma imagem da barra de ferramentas, clique no ícone Imagem [1]. No menu suspenso, selecione a opção Carregar imagem (Upload Image) [2].

Nota: Para visualizar o ícone de imagem, você pode ter que clicar no ícone Opções [3].

Carregar imagens da barra de menu

Carregar imagens da barra de menu

Como alternativa, você pode incorporar imagens da barra de menu. Clique no link Inserir [1]. Navegue para ver as opções de Imagem [2] e, em seguida, selecione a opção Carregar imagem [3].

Carregar imagem a partir do computador

Por padrão, a ferramenta de carregamento de imagens (Image Upload Tool) exibe a guia Computador (Computer) [1]. Clique ou arraste e solte uma imagem no carregador de imagens para carregar um arquivo do seu computador [2].

Nota: Imagens carregadas de seu computador usando a ferramenta de carregamento de imagens dentro de um grupo são adicionadas aos seus arquivos de grupo.

Selecionar Arquivo

Selecionar Arquivo

Selecione o arquivo de imagem [1] e em seguida clique no botão Abrir (Open) [2].

Saiba mais sobre os tipos de arquivos de imagem suportados.

Visualizar arquivo selecionado

O carregador exibe o nome do arquivo de imagem [1] e uma pré-visualização de imagens [2]. Para remover a imagem, clique no ícone Excluir (Delete) [3].

Carregar imagem a partir de URL

Para carregar uma imagem usando uma URL, clique na guia URL [1].

Insira a URL no campo URL do arquivo (File URL) [2].

Gerenciar direitos de uso

Gerenciar direitos de uso

Se necessário em seu curso, você pode precisar selecionar as configurações corretas de uso para sua imagem.

No menu suspenso Direito de uso (Usage Right) [1], selecione uma das cinco opções de direito de uso:

  • Eu possuo o copyright: conteúdo original criado por você
  • Você obteve permissão para usar este arquivo: permissão autorizada pelo autor
  • O material é de domínio público: explicitamente atribuído ao domínio público, não pode ser protegido por direitos autorais ou não está mais protegido por direitos autorais
  • O material está sujeito a uma exceção - por ex. uso justo, o direito de citar ou outros sob as leis de direitos autorais aplicáveis: trecho ou resumo usado para comentários, reportagens, pesquisas ou análises em educação
  • O material é licenciado sob a Creative Commons; esta opção também requer a configuração de uma licença Creative Commons específica

Se conhecido, insira as informações do detentor dos direitos autorais no campo Detentor dos direitos autorais (Copyright Holder) [2].

Gerenciar atributos da imagem

Para adicionar Texto alternativo à sua imagem, digite uma descrição de texto alternativo ou tags de texto no campo Texto alternativo [1]. Por padrão, o campo Texto alt exibe o nome do arquivo de imagem. O texto alternativo é lido por leitores de tela e exibido quando uma imagem incorporada não pode ser exibida.

Se a imagem for decorativa e não exigir texto alternativo, clique na caixa de seleção Imagem decorativa (Decorative Image) [2].

Por padrão, a opção de exibição Imagem incorporada é selecionada para imagens incorporada [3].

Para exibir o link do arquivo de imagem, selecione a opção Exibir link de texto [4]. O link do arquivo substituirá a imagem no Rich Content Editor.

Incorporar carregamento de imagem

Carregamento de envio

Para incorporar sua imagem selecionada, clique no botão Enviar (Submit).

Nota: A imagem brilhará antes de ser incorporada no Rich Content Editor.

Visualizar Imagem Inserida

Exibir imagem

Visualize sua imagem carregada no Rich Content Editor. Também é possível adicionar tags de texto alternativo e gerenciar as opções de exibição da imagem.

Atualizar opções de imagem

cPara gerenciar as opções de imagem de um arquivo de imagem incorporado, clique na imagem [1] e, em seguida, no link Opções de imagens (Image Options) [2].

Você pode gerenciar opções de exibição para imagens incorporadas no menu Opções de imagem (Image Options) [3]. Você pode gerenciar o texto alternativo da imagem, o tamanho da imagem e outras opções de exibição.

Para substituir ou atualizar uma imagem adicionada via URL, insira uma URL de imagem atualizada no campo URL do arquivo (File URL) [4].

Clique no botão Concluído (Done) [5].

Salvar alterações

Salvar alterações

Clique no botão Salvar (Save).

Nota: Quando usando o Editor de Conteúdo em Discussões, o botão Salvar (Save) pode aparecer como o botão Postar Resposta (Post Reply) ou Responder (Reply).

Visualizar conteúdo

Visualizar conteúdo

Visualize o conteúdo criado no Rich Content Editor.