Pular para o conteúdo principal

Incorporações e Mídia

Os documentos da Copera suportam uma variedade de tipos de mídia e conteúdo incorporado. Você pode inserir imagens, vídeo, áudio e arquivos, criar diagramas e incorporar conteúdo de serviços populares de terceiros --- tudo diretamente dentro do editor sem sair da página.

Imagens

Adicione uma imagem ao seu documento:

  1. Use o comando de barra /Image. Um bloco de imagem vazio aparece.
  2. Clique no bloco e escolha Upload para selecionar um arquivo do seu computador, ou Link para colar uma URL de imagem.
  3. A imagem é adicionada e exibida inline no documento.

As imagens podem ser redimensionadas arrastando os cantos, e o editor lembra o tamanho que você definiu. O tamanho máximo de upload de imagem é 20 MB.

Arrastar e Soltar

Você pode arrastar um arquivo de imagem diretamente do seu sistema de arquivos para o editor. Solte-o na posição onde deseja que apareça, e o upload acontece automaticamente.

Colar da Área de Transferência

Copie uma imagem de qualquer aplicativo e cole-a diretamente no editor com Ctrl+V (Windows/Linux) ou Cmd+V (Mac). A imagem é carregada e inserida na posição do cursor.

Ações de Imagem

Passe o mouse sobre uma imagem para revelar uma barra de ferramentas rápida, ou clique com o botão direito nela (ou clique nos pontos de mais ações) para abrir o menu de ações completo:

AçãoO que faz
DownloadSalva a imagem no seu dispositivo.
Abrir préviaVisualiza a imagem em tela cheia em um lightbox.
Copiar imagemCopia a imagem para a área de transferência para colá-la em outro lugar.
SubstituirTroca a imagem por um arquivo diferente sem perder seu lugar.
DuplicarInsere uma cópia da imagem diretamente abaixo.
Ask AIEnvia a imagem ao assistente de IA como contexto para uma pergunta.
ExcluirRemove a imagem do documento.

Vídeo, Áudio e Arquivos

Além de imagens, você pode adicionar outros blocos de mídia da mesma forma --- insira o bloco, depois faça upload de um arquivo ou cole um link:

  • Vídeo (/Video) --- Faça upload de um arquivo de vídeo ou cole um link, e reproduza-o inline.
  • Áudio (/Audio) --- Faça upload de um arquivo de áudio ou cole um link, e reproduza-o inline. Ótimo para notas de voz, gravações e podcasts.
  • Arquivo (/File) --- Anexe qualquer outro arquivo --- um PDF, um documento, um arquivo compactado, e assim por diante --- para que os leitores possam abri-lo ou baixá-lo.

Você também pode arrastar e soltar um vídeo, áudio ou outro arquivo direto no editor. A Copera escolhe automaticamente o tipo de bloco certo com base no que você solta: imagens viram blocos de imagem, vídeos viram blocos de vídeo, áudio vira blocos de áudio e todo o resto vira um bloco de arquivo.

Diagramas Mermaid

Crie diagramas usando a sintaxe Mermaid sem nenhuma ferramenta externa:

  1. Use o comando de barra /Mermaid para inserir um bloco Mermaid.
  2. Escreva o código do seu diagrama usando a sintaxe Mermaid.
  3. O diagrama é renderizado em tempo real conforme você digita.

O Mermaid suporta muitos tipos de diagramas, incluindo:

  • Fluxogramas --- Visualize processos e árvores de decisão.
  • Diagramas de sequência --- Mostre interações entre sistemas ou participantes.
  • Gráficos de Gantt --- Exiba cronogramas de projetos.
  • Diagramas de classe --- Mapeie estruturas orientadas a objetos.
  • Diagramas entidade-relacionamento --- Modele esquemas de banco de dados.
  • Diagramas de estado --- Ilustre transições de estado.

Exemplo

graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Do something]
B -->|No| D[Do something else]
C --> E[End]
D --> E

Isso renderiza como um fluxograma diretamente no documento.

Incorporações de Terceiros

Incorpore conteúdo de serviços populares colando uma URL ou usando o comando de barra /Embed. A Copera detecta automaticamente o serviço e renderiza a incorporação apropriada. Os serviços suportados incluem:

ServiçoO Que Você Pode Incorporar
YouTubeVídeos
VimeoVídeos
LoomGravações de tela
FigmaArquivos de design e protótipos
MiroWhiteboards e diagramas
Google DocsDocumentos (somente visualização)
Google SheetsPlanilhas (somente visualização)
Google SlidesApresentações (somente visualização)
AirtableVisualizações compartilhadas
CodePenTrechos de código e demos
CodeSandboxAmbientes de desenvolvimento

Como Incorporar

  1. Copie a URL do conteúdo que deseja incorporar.
  2. No editor, use o comando de barra /Embed ou cole a URL diretamente.
  3. O editor detecta o serviço e renderiza uma incorporação interativa.

As incorporações são exibidas inline no documento e podem ser redimensionadas para se adequar ao seu layout.

Incorporações de URL Genéricas

Para serviços que não estão na lista de suportados, você ainda pode incorporar conteúdo usando o bloco de incorporação genérico. Cole qualquer URL de uma página que permita incorporação, e a Copera a renderizará dentro do seu documento. Isso funciona para dashboards, ferramentas de analytics e muitas outras páginas web.

Próximos Passos