O tolky oferece ferramentas robustas para enriquecer a interação através de mídias visuais, incluindo imagens e vídeos. Este artigo descreve o processo de incorporação desses elementos em um bloco de texto utilizando a linguagem Markdown, garantindo uma experiência rica e interativa para os usuários.

Adicionando Imagens

Método Tradicional com Markdown

Para adicionar imagens utilizando Markdown, é necessário ter a URL direta da imagem hospedada em um servidor externo. O formato para incorporar a imagem é o seguinte:

![descrição da imagem](URL_da_imagem_aqui)
Atenção: Uma limitação desse método é a dependência do servidor externo. Se a imagem for removida ou o link alterado, a imagem não será mais exibida no tolky.

Método de Upload Interno

O tolky permite o upload direto de imagens para incorporação em blocos de texto, eliminando a dependência de servidores externos. Para adicionar uma imagem utilizando esse método:

  1. Durante a edição de um bloco de conteúdo, clique no botão com o símbolo de ”+” localizado no canto inferior esquerdo. Botão Adicionar Imagem
  2. Uma janela se abrirá para selecionar a imagem. Os formatos suportados são: JPG, PNG, GIF, e SVG.
  3. Após selecionar a imagem, ela será adicionada ao bloco de conteúdo no formato Markdown. Inicialmente, será visível apenas a URL da imagem.
  4. Ao salvar o bloco de conteúdo, a imagem será exibida na lista de blocos.

Para remover uma imagem, basta deletar a linha do comando Markdown correspondente à imagem.

Adicionando Vídeos

Para incorporar vídeos, recomendamos o uso do YouTube como plataforma de hospedagem dos seus vídeos. Veja o processo de incorporação do vídeo no avatar:

  1. Faça o upload do vídeo no YouTube.
  2. Após o upload, navegue até o vídeo no YouTube.
  3. Abaixo do vídeo, clique em “Compartilhar” e, em seguida, em “Incorporar”.
  4. Copie o código fornecido, que será semelhante ao exemplo abaixo:
<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/CÓDIGO_DO_VÍDEO"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
></iframe>

Substitua CÓDIGO_DO_VÍDEO no src (fonte) do iframe pelo código identificador do seu vídeo. Este código pode ser encontrado na URL do vídeo após "embed/".

Como Encontrar o Código do Vídeo:

Seguindo estas diretrizes, você poderá enriquecer os blocos de texto do seu avatar com imagens e vídeos, tornando a experiência do usuário mais dinâmica e visualmente atraente.