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:
- Usa el comando de barra
/Image. Aparecerá un bloque de imagen vacío. - Haz clic en el bloque y elige Subir para seleccionar un archivo de tu computadora, o Enlace para pegar la URL de una imagen.
- 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ón | Qué hace |
|---|---|
| Descargar | Guarda la imagen en tu dispositivo. |
| Abrir vista previa | Visualiza la imagen a pantalla completa en una lightbox. |
| Copiar imagen | Copia la imagen a tu portapapeles para pegarla en otro lugar. |
| Reemplazar | Cambia la imagen por un archivo diferente sin perder su lugar. |
| Duplicar | Inserta una copia de la imagen justo debajo. |
| Ask AI | Envía la imagen al asistente de IA como contexto para una pregunta. |
| Eliminar | Quita 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:
- Usa el comando de barra
/Mermaidpara insertar un bloque de Mermaid. - Escribe el código de tu diagrama usando la sintaxis de Mermaid.
- 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:
| Servicio | Qué puedes incrustar |
|---|---|
| YouTube | Videos |
| Vimeo | Videos |
| Loom | Grabaciones de pantalla |
| Figma | Archivos de diseño y prototipos |
| Miro | Pizarras y diagramas |
| Google Docs | Documentos (solo lectura) |
| Google Sheets | Hojas de cálculo (solo lectura) |
| Google Slides | Presentaciones (solo lectura) |
| Airtable | Vistas compartidas |
| CodePen | Fragmentos de código y demos |
| CodeSandbox | Entornos de desarrollo |
Cómo incrustar
- Copia la URL del contenido que quieres incrustar.
- En el editor, usa el comando de barra
/Embedo pega la URL directamente. - 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.