Saltar al contenido principal

Incrustaciones y multimedia

Los documentos de Copera admiten una variedad de tipos de multimedia y contenido incrustado. Puedes insertar imágenes, video, audio y archivos, crear diagramas e incrustar contenido de servicios populares de terceros --- todo directamente dentro del editor sin salir de la página.

Imágenes

Añade una imagen a tu documento:

  1. Usa el comando de barra /Image. Aparecerá un bloque de imagen vacío.
  2. Haz clic en el bloque y elige Subir para seleccionar un archivo de tu computadora, o Enlace para pegar la URL de una imagen.
  3. La imagen se añade y se muestra en línea en el documento.

Las imágenes se pueden redimensionar arrastrando las esquinas, y el editor recuerda el tamaño que estableces. El tamaño máximo de subida de imagen es de 20 MB.

Arrastrar y soltar

Puedes arrastrar un archivo de imagen directamente desde tu sistema de archivos al editor. Suéltalo en la posición donde quieres que aparezca y la subida ocurre automáticamente.

Pegar desde el portapapeles

Copia una imagen desde cualquier aplicación y pégala directamente en el editor con Ctrl+V (Windows/Linux) o Cmd+V (Mac). La imagen se sube y se inserta en la posición del cursor.

Acciones de imagen

Pasa el cursor sobre una imagen para mostrar una barra de herramientas rápida, o haz clic derecho sobre ella (o haz clic en los puntos de más acciones) para abrir el menú de acciones completo:

AcciónQué hace
DescargarGuarda la imagen en tu dispositivo.
Abrir vista previaVisualiza la imagen a pantalla completa en una lightbox.
Copiar imagenCopia la imagen a tu portapapeles para pegarla en otro lugar.
ReemplazarCambia la imagen por un archivo diferente sin perder su lugar.
DuplicarInserta una copia de la imagen justo debajo.
Ask AIEnvía la imagen al asistente de IA como contexto para una pregunta.
EliminarQuita la imagen del documento.

Video, audio y archivos

Más allá de las imágenes, puedes añadir otros bloques multimedia de la misma manera --- inserta el bloque y luego sube un archivo o pega un enlace:

  • Video (/Video) --- Sube un archivo de video o pega un enlace, y reprodúcelo en línea.
  • Audio (/Audio) --- Sube un archivo de audio o pega un enlace, y reprodúcelo en línea. Ideal para notas de voz, grabaciones y pódcast.
  • Archivo (/File) --- Adjunta cualquier otro archivo --- un PDF, un documento, un archivo comprimido, etc. --- para que los lectores puedan abrirlo o descargarlo.

También puedes arrastrar y soltar un video, audio u otro archivo directamente en el editor. Copera elige automáticamente el tipo de bloque correcto según lo que sueltes: las imágenes se convierten en bloques de imagen, los videos en bloques de video, el audio en bloques de audio y todo lo demás en bloques de archivo.

Diagramas de Mermaid

Crea diagramas usando la sintaxis de Mermaid sin necesidad de herramientas externas:

  1. Usa el comando de barra /Mermaid para insertar un bloque de Mermaid.
  2. Escribe el código de tu diagrama usando la sintaxis de Mermaid.
  3. El diagrama se renderiza en tiempo real a medida que escribes.

Mermaid admite muchos tipos de diagramas, entre ellos:

  • Diagramas de flujo --- Visualiza procesos y árboles de decisión.
  • Diagramas de secuencia --- Muestra interacciones entre sistemas o participantes.
  • Diagramas de Gantt --- Muestra cronogramas de proyectos.
  • Diagramas de clases --- Esquematiza estructuras orientadas a objetos.
  • Diagramas entidad-relación --- Modela esquemas de bases de datos.
  • Diagramas de estados --- Ilustra transiciones de estado.

Ejemplo

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

Esto se renderiza como un diagrama de flujo directamente en el documento.

Incrustaciones de terceros

Incrusta contenido de servicios populares pegando una URL o usando el comando de barra /Embed. Copera detecta automáticamente el servicio y renderiza la incrustación adecuada. Los servicios admitidos incluyen:

ServicioQué puedes incrustar
YouTubeVideos
VimeoVideos
LoomGrabaciones de pantalla
FigmaArchivos de diseño y prototipos
MiroPizarras y diagramas
Google DocsDocumentos (solo lectura)
Google SheetsHojas de cálculo (solo lectura)
Google SlidesPresentaciones (solo lectura)
AirtableVistas compartidas
CodePenFragmentos de código y demos
CodeSandboxEntornos de desarrollo

Cómo incrustar

  1. Copia la URL del contenido que quieres incrustar.
  2. En el editor, usa el comando de barra /Embed o pega la URL directamente.
  3. El editor detecta el servicio y renderiza una incrustación interactiva.

Las incrustaciones se muestran en línea en el documento y se pueden redimensionar para adaptarse a tu diseño.

Incrustaciones genéricas por URL

Para servicios que no están en la lista de admitidos, aún puedes incrustar contenido usando el bloque de incrustación genérico. Pega cualquier URL de una página que permita la incrustación y Copera la renderizará dentro de tu documento. Esto funciona con dashboards, herramientas de análisis y muchas otras páginas web.

Próximos pasos

  • Formato de texto --- Da formato al texto con encabezados, listas, callouts, alternadores, columnas y más.
  • Comandos de barra --- Inserta rápidamente cualquier tipo de contenido.
  • Menciones --- Haz referencia a personas, documentos y canales.
  • Comentarios en línea --- Deja comentarios anclados y conversa en hilos.