Ten en cuenta que canvas está disponible en Web, Windows y macOS. Próximamente en plataformas móviles (iOS, Android y web móvil).
Canvas es una nueva interfaz para trabajar con ChatGPT en proyectos de escritura y programación que requieren edición y revisiones.
Con canvas, ChatGPT puede comprender mejor el contexto de lo que intentas lograr. Puedes resaltar secciones específicas para indicar exactamente en qué quieres que ChatGPT se enfoque. También puede dar comentarios y sugerencias en línea teniendo en cuenta todo el proyecto.
Tú controlas el proyecto en canvas. Puedes editar texto o código directamente. Puedes usar los atajos para que ChatGPT ajuste la extensión de la escritura, depure tu código y realice rápidamente otras acciones útiles. También puedes restaurar versiones anteriores de tu trabajo usando el botón Atrás en canvas.
Ten en cuenta que Canvas no está disponible con los modelos de la serie pro.
¿Cómo funciona el renderizado de React/HTML?
El código React/HTML se renderiza en un entorno aislado, lo que te permite ver la salida del código. Muchos paquetes npm y bibliotecas de JavaScript funcionarán, pero las vistas previas que deban cargar paquetes externos o recursos web pueden depender de la configuración de acceso a la red de canvas de tu espacio de trabajo.
Controles de ejecución de código y acceso a la red de canvas
Ten en cuenta que la ejecución de código y el renderizado de React/HTML pueden generar solicitudes de red externas. Los administradores de espacios de trabajo Enterprise pueden controlar si la ejecución de código en canvas está disponible para los usuarios del espacio de trabajo, junto con los comportamientos predeterminados de acceso a la red. De forma predeterminada, ejecución de código en canvas está activada, mientras que Permitir que el código de canvas acceda a la red está desactivada para los espacios de trabajo Enterprise, pero estos controles se pueden configurar en la configuración de administrador de tu espacio de trabajo.
Acceder a canvas en ChatGPT
ChatGPT puede abrir un canvas cuando entiende lo que intentas lograr. Por ejemplo, puedes pedirle a ChatGPT que genere un texto (p. ej., “escribamos un ensayo largo sobre por qué una fresa es un pseudocarpo”) o que redacte código por ti (p. ej., “escribe un servidor web en Python”) y responderá con un canvas. Normalmente, puedes esperar que ChatGPT abra un canvas automáticamente cuando genere contenido de más de 10 líneas o detecte un escenario en el que sería útil tener una interfaz para escritura o código. Además, puedes incluir “usa canvas…” en tu prompt para pedirle a ChatGPT que abra canvas.
Las respuestas con canvas abrirán automáticamente una ventana en el lado derecho que contiene el contenido solicitado.
También puedes empezar con un canvas en blanco con ChatGPT en la web diciendo cosas como “abre un canvas” o “abre un canvas de programación”. Con un canvas en blanco, puedes trabajar en un proyecto existente pegándolo en el canvas en blanco o simplemente escribiendo en el canvas.
También puedes pegar contenido en ChatGPT y abrirlo al instante en canvas mediante un atajo en la esquina superior derecha del compositor.
Además, la caja de herramientas del compositor de prompts también te permite pedirle a ChatGPT que cree un nuevo canvas en tu prompt. Esto también se puede activar escribiendo una barra diagonal (“/”) y luego usando el comando “canvas”.
Editar tu proyecto con canvas
Puedes hacer ediciones con canvas simplemente pidiéndolas en el chat. Además, puedes seleccionar parte del contenido resaltando el texto o usar el ícono de comentario de bloque para seleccionar todo un bloque de párrafo. Esto abrirá un campo de entrada donde puedes proporcionar instrucciones sobre qué explicar o editar en la sección seleccionada.
También puedes editar directamente el contenido del canvas haciendo clic dentro del canvas y escribiendo. Ten en cuenta que solo se admiten opciones básicas de formato Markdown, como negrita, cursiva, encabezados, viñetas y listas numeradas. Actualmente no ofrecemos opciones de formato más avanzadas en canvas.
Puedes obtener sugerencias de comentarios específicas de ChatGPT simplemente seleccionando los atajos Sugerir ediciones o Revisar código. Al hacer clic en el globo de comentario, puedes ver la sugerencia específica proporcionada por ChatGPT. Puedes editar directamente el elemento marcado y cerrar el comentario, o seleccionar Aplicar para que ChatGPT genere automáticamente contenido que aborde el comentario.
Cuando trabajas en una tarea de escritura, también tienes la opción de resaltar partes específicas de tu texto o código y pedirle a ChatGPT que solicite ediciones de esa sección o haga una pregunta sobre ella. También puedes acceder a las opciones de formato resaltando un fragmento de texto. Se admite el formato Markdown básico, como negrita, cursiva, encabezados, viñetas y listas numeradas. Actualmente no ofrecemos opciones de formato más avanzadas en canvas.
Atajos de canvas para escritura y programación
Canvas con ChatGPT brinda acceso a un conjunto de atajos de escritura que te permiten solicitar ediciones sugeridas, ajustar la extensión de la salida, actualizar el nivel de lectura previsto y agregar emojis o un pulido final a tu pieza. Para encontrar estos atajos, coloca el cursor sobre el menú de atajos en la parte inferior derecha de la página.
Para escribir documentos, puedes usar los siguientes atajos:
Sugerir ediciones: ChatGPT agregará sugerencias en línea para mejorar tu escritura.
Ajustar la extensión: acorta o amplía la extensión de tu documento.
Cambiar nivel de lectura: ajusta el nivel de lectura desde preescolar hasta posgrado.
Agregar pulido final: revisa la gramática, la claridad y la coherencia.
Agregar emojis: reemplaza palabras con emojis o los agrega para dar más énfasis y color.
Para programar, puedes usar los siguientes atajos:
Agregar registros: inserta instrucciones de impresión para ayudar con la depuración y el seguimiento de la ejecución.
Agregar comentarios: agrega comentarios para explicar el código y mejorar la legibilidad.
Corregir errores: detecta y reescribe código problemático para resolver errores.
Pasar a un lenguaje: traduce tu código a lenguajes como JavaScript, Python, Java, TypeScript, C++ o PHP.
Revisión de código: proporciona sugerencias en línea para optimizar y mejorar tu código.
Algunos atajos actualizarán de inmediato el contenido de tu proyecto, como Agregar emojis, Agregar pulido final, Corregir errores y Pasar a un lenguaje.
Otros atajos se pueden ajustar con un control deslizante. Por ejemplo, el atajo Ajustar la extensión te da la flexibilidad de seleccionar opciones entre la extensión más corta y la más larga. El atajo Nivel de lectura te permite ajustar el nivel de lectura desde preescolar hasta posgrado.
Historial de versiones y mostrar cambios
Puedes navegar por las versiones de tu documento o código de canvas usando el historial de versiones mediante las flechas de la barra de herramientas superior. Esto te permite ver versiones anteriores y restaurarlas si así lo deseas. También puedes copiar el contenido de tu proyecto seleccionando el botón de copiar.
Además, puedes ver los cambios entre versiones de canvas usando el botón Mostrar cambios en la barra de herramientas superior. Esto mostrará las adiciones y eliminaciones tanto en documentos como en código.
Ejecutar código de Python con canvas
Puedes ejecutar archivos de código en canvas para Python directamente en tu navegador cuando usas canvas; para ello, selecciona el botón Ejecutar en tu canvas. Al ejecutar código de Python, la salida aparecerá en la consola en la parte inferior de la pantalla. Cuando aparezcan errores en la consola, ChatGPT proporcionará una sugerencia sobre el error. Haz clic en el botón Corregir error para que ChatGPT intente corregirlo por ti.
Actualmente, esta función solo está disponible para código de Python, pero planeamos ampliar el acceso a otros lenguajes de programación en el futuro.
Habilitar canvas para tu GPT
Canvas ahora funciona con GPTs. Puedes habilitar el acceso de GPTs a canvas activando la capacidad de canvas en el GPT Builder. Esto permite que los usuarios finales de tu GPT abran un canvas mientras chatean con tu GPT.
Ten en cuenta que esta capacidad está desactivada para todos los GPTs existentes y activada de forma predeterminada para cualquier GPT recién creado. Puedes modificar esto en cualquier momento en el GPT Builder.
Obtén más información sobre el GPT Builder.
Compartir un canvas con otras personas
Compartir un canvas está disponible para todos los planes, incluidos Free, Plus, Pro, Team, Enterprise y Edu.
Ahora los usuarios pueden compartir con otro usuario un recurso de canvas, como código React/HTML renderizado, un documento o código, de forma similar a como comparten una conversación. Puedes hacerlo desde la barra de herramientas de canvas cuando canvas esté abierto.
Descargar tu archivo de canvas
Ahora puedes exportar tus documentos de canvas en varios formatos según el tipo de contenido. Busca el botón Descargar en la esquina superior derecha de tu canvas para probarlo.
Para documentos generales (como ensayos o publicaciones de blog), canvas admite la exportación a formatos PDF, Markdown (.md) y Word (.docx).
Para canvas basados en código, canvas detecta de forma inteligente el lenguaje y lo exporta con la extensión de archivo adecuada (p. ej., .py, .js, .sql, etc.), conservando el formato y la sintaxis.
Esta función facilita archivar tu trabajo, compartir borradores o seguir editando en herramientas externas.
¿La vista previa de canvas no termina de cargarse durante “Instalando paquetes”?
Algunas vistas previas de JS/HTML en canvas necesitan que el navegador del usuario cargue paquetes externos u otros recursos web antes de poder renderizarse. Si la opción Permitir que el código de canvas acceda a la red está desactivada, o si los controles de red del navegador o de la organización bloquean un dominio externo requerido, es posible que la vista previa no termine de cargarse.
Revisa la consola del navegador para detectar errores como Failed to fetch, Refused to connect o errores de Content Security Policy. Si el acceso a la red del código de canvas ya está habilitado, revisa si los controles del navegador, proxy, firewall o punto de acceso están bloqueando el dominio requerido.
Canvas y seguridad web
Canvas puede mostrar vistas previas de sitios web y otros contenidos web. El contenido web está necesariamente en línea y tiene la capacidad de comunicarse con terceros que no son OpenAI.
La comunicación que realiza la vista previa web puede ser tan simple como usar internet para acceder a una imagen, pero también puede ser tan peligrosa como enviar a un tercero información que ingresaste o compartiste con ChatGPT.
ChatGPT toma la información que proporcionas mientras conversas y la usa para generar respuestas fundamentadas. En algunos casos, como cuando pegas información de internet o cuando se recuperan noticias o resultados de búsqueda, ChatGPT usará otra información para sus respuestas, incluso en la generación de código con canvas.
Cuando interactúes con la vista previa web de canvas, ChatGPT te pedirá que confirmes las comunicaciones con terceros que OpenAI no conoce. Si confirmas esta comunicación, permitimos que la vista previa se comunique con ese tercero.