Incorporacoes e Midia

Os documentos do Copera suportam uma variedade de tipos de midia e conteudo incorporado. Voce pode inserir imagens, criar diagramas e incorporar conteudo de servicos populares de terceiros --- tudo diretamente dentro do editor sem sair da pagina.

Imagens

Faca upload de imagens diretamente no seu documento:

1. Use o comando de barra /Image ou clique no botao de imagem na barra de ferramentas.
2. Selecione um arquivo do seu computador ou cole uma imagem da area de transferencia.
3. A imagem e carregada e exibida inline no documento.

As imagens podem ser redimensionadas arrastando os cantos e suportam opcoes de alinhamento (esquerda, centro, direita). Voce tambem pode adicionar legendas abaixo das imagens para contexto adicional.

Arrastar e Soltar

Voce pode arrastar um arquivo de imagem diretamente do seu sistema de arquivos para o editor. Solte-o na posicao onde deseja que apareca, e o upload acontece automaticamente.

Colar da Area de Transferencia

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

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 codigo do seu diagrama usando a sintaxe Mermaid.
3. O diagrama e renderizado em tempo real conforme voce digita.

O Mermaid suporta muitos tipos de diagramas, incluindo:

• Fluxogramas --- Visualize processos e arvores de decisao.
• Diagramas de sequencia --- Mostre interacoes entre sistemas ou participantes.
• Graficos 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 transicoes de estado.

Exemplo

graph TD
    A[Inicio] --> B{Decisao}
    B -->|Sim| C[Fazer algo]
    B -->|Nao| D[Fazer outra coisa]
    C --> E[Fim]
    D --> E

Isso renderiza como um fluxograma diretamente no documento.

Incorporacoes de Terceiros

Incorpore conteudo de servicos populares colando uma URL ou usando o comando de barra /Embed. O Copera detecta automaticamente o servico e renderiza a incorporacao apropriada. Os servicos suportados incluem:

Servico	O Que Voce Pode Incorporar
YouTube	Videos
Vimeo	Videos
Loom	Gravacoes de tela
Figma	Arquivos de design e prototipos
Miro	Whiteboards e diagramas
Google Docs	Documentos (somente visualizacao)
Google Sheets	Planilhas (somente visualizacao)
Google Slides	Apresentacoes (somente visualizacao)
Airtable	Visualizacoes compartilhadas
CodePen	Trechos de codigo e demos
CodeSandbox	Ambientes de desenvolvimento

Como Incorporar

1. Copie a URL do conteudo que deseja incorporar.
2. No editor, use o comando de barra /Embed ou cole a URL diretamente.
3. O editor detecta o servico e renderiza uma incorporacao interativa.

As incorporacoes sao exibidas inline no documento e podem ser redimensionadas para se adequar ao seu layout.

Incorporacoes de URL Genericas

Para servicos que nao estao na lista de suportados, voce ainda pode incorporar conteudo usando o bloco de incorporacao generico. Cole qualquer URL que suporte incorporacao via iframe, e o Copera a renderizara dentro do seu documento. Isso funciona para dashboards, ferramentas de analytics e qualquer pagina web que permita incorporacao.

Proximos Passos

• Formatacao de Texto --- Formate texto com titulos, listas e muito mais.
• Comandos de Barra --- Insira rapidamente qualquer tipo de conteudo.
• Mencoes --- Referencie pessoas, documentos e canais.