¿Qué es la función canvas en ChatGPT y cómo se usa?

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 concretas para indicar exactamente en qué quieres que se centre ChatGPT. También puede ofrecer comentarios y sugerencias en línea teniendo en cuenta el proyecto completo.

Tú controlas el proyecto en canvas. Puedes editar texto o código directamente. Puedes usar los atajos para que ChatGPT ajuste la longitud del texto, 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.

¿Cómo funciona el renderizado de React/HTML?

El código React/HTML se renderiza en un entorno de pruebas, lo que te permite ver el resultado del código. Todos los paquetes de npm y muchas bibliotecas de javascript funcionarán.

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 dar lugar a solicitudes de red externas. Los administradores del Área de trabajo Enterprise pueden controlar si la ejecución de código de canvas está disponible para los usuarios del Área de trabajo, junto con los comportamientos predeterminados de acceso a la red. De forma predeterminada, la ejecución de código de canvas está activada, mientras que Permitir que el código de canvas acceda a la red está desactivado para las áreas de trabajo Enterprise, pero estos controles se pueden configurar en la sección de Ajustes de administración de tu Área de trabajo.

Acceder a canvas en ChatGPT

ChatGPT puede abrir un canvas cuando entiende lo que intentas conseguir. Por ejemplo, puedes pedir a ChatGPT que genere un texto (p. ej., "vamos a escribir un ensayo largo sobre por qué una fresa es un pseudocarpo") o que redacte código para ti (p. ej., «escribe un servidor web en python») y responderá con un canvas. Normalmente, ChatGPT abrirá un canvas automáticamente cuando genere contenido de más de 10 líneas o detecte una situación en la que resulte útil una interfaz para escribir o programar. Además, puedes incluir «usa canvas...» en tu prompt para pedir 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 editor.

Además, la caja de herramientas del editor de prompts también te permite pedir a ChatGPT que cree un nuevo canvas en tu prompt. Esto también puede activarse escribiendo una barra invertida («/») y usando después 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 icono de comentario de bloque para seleccionar un bloque de párrafo entero. Esto abrirá un campo de entrada donde podrás indicar qué quieres explicar o editar en la sección seleccionada.

También puedes editar directamente el contenido de canvas haciendo clic en él 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 la burbuja de comentario, puedes ver la sugerencia concreta proporcionada por ChatGPT. Puedes editar directamente el elemento marcado y cerrar el comentario, o seleccionar Aplicar para que ChatGPT genere automáticamente contenido que responda al comentario.

Al trabajar en una tarea de escritura, también tienes la opción de resaltar partes concretas de tu texto o código y pedir a ChatGPT que solicite cambios en esa sección o haga una pregunta sobre ella. También se puede 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 en canvas para escribir y programar

canvas con ChatGPT ofrece acceso a un conjunto de atajos de escritura que te permiten pedir sugerencias de edición, ajustar la longitud del resultado, actualizar el nivel de lectura previsto y añadir emojis o un pulido final a tu texto. Para encontrar estos atajos, pasa el cursor sobre el menú de atajos en la parte inferior derecha de la página.

Para redactar documentos, puedes usar los siguientes atajos:

• Sugerir ediciones: ChatGPT añadirá sugerencias en línea para mejorar tu texto.

• Ajustar la longitud: acorta o amplía la longitud de tu documento.

• Cambiar el nivel de lectura: ajusta el nivel de lectura desde infantil hasta posgrado.

• Añadir pulido final: revisa la gramática, la claridad y la coherencia.

• Añadir emojis: sustituye palabras por emojis o los añade para dar más énfasis y color.

Para programar, puedes usar los siguientes atajos:

• Añadir registros: inserta instrucciones print para ayudar con la depuración y el seguimiento de la ejecución.

• Añadir comentarios: añade comentarios para explicar el código y mejorar su legibilidad.

• Corregir errores: detecta y reescribe el código problemático para resolver errores.

• Convertir a un lenguaje: traduce tu código a lenguajes como JavaScript, Python, Java, TypeScript, C++ o PHP.

• Revisión de código: ofrece sugerencias en línea para optimizar y mejorar tu código.

Algunos atajos actualizarán inmediatamente el contenido de tu proyecto, como Añadir emojis, Añadir pulido final, Corregir errores y Convertir a un lenguaje.

Otros atajos pueden ajustarse con un control deslizante. Por ejemplo, el atajo Ajustar la longitud te da la flexibilidad de seleccionar opciones entre la longitud más corta y la más larga. El atajo Nivel de lectura te permite ajustar el nivel de lectura desde infantil hasta posgrado.

Historial de versiones y mostrar cambios

Puedes recorrer las versiones de tu documento o código en canvas usando el historial de versiones mediante las flechas de la barra de herramientas superior. Esto te permite ver versiones anteriores y también 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á adiciones y eliminaciones tanto en documentos como en código.

Ejecutar código Python con canvas

Puedes ejecutar archivos de código Python de canvas directamente en tu navegador mientras usas canvas seleccionando el botón Ejecutar en tu canvas. Al ejecutar código Python, la salida aparecerá en la consola de la parte inferior de la pantalla. Cuando aparezcan errores en la consola, ChatGPT ofrecerá una sugerencia sobre el error. Haz clic en el botón Corregir error para que ChatGPT intente solucionarlo por ti.

Esta función actualmente solo está disponible para código Python, pero tenemos previsto ampliarla a otros lenguajes de programación en el futuro.

Activar canvas para tu GPT

canvas ahora funciona con GPT. Puedes habilitar el acceso a canvas para los GPT activando la capacidad de canvas en el GPT Builder. Esto permite a los usuarios finales de tu GPT abrir un canvas mientras chatean con tu GPT.

Ten en cuenta que esta capacidad está desactivada para todos los GPT existentes y activada de forma predeterminada para cualquier GPT nuevo. Puedes modificar esto en cualquier momento en el GPT Builder.

Más información sobre GPT Builder.

Compartir un canvas con otras personas

Ahora los usuarios pueden compartir un recurso de canvas, como código React/HTML renderizado, un documento o código, con otro usuario, de forma similar a como compartes 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 entradas de blog, canvas admite la exportación a formatos PDF, Markdown (.md) y Word (.docx).

Para canvas basados en código, canvas detecta inteligentemente 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 «Installing Packages»?

Algunas vistas previas de JS/HTML de canvas necesitan que el navegador del usuario cargue paquetes externos u otros recursos web antes de poder renderizarse. Si Permitir que el código de canvas acceda a la red está desactivado, o si los controles de red del navegador o de la organización bloquean un dominio externo necesario, es posible que la vista previa no termine de cargarse.

Consulta la consola del navegador para ver errores como Failed to fetch, Refused to connect o errores de Content Security Policy. Si el acceso a la red para el código de canvas ya está habilitado, comprueba si el navegador, el proxy, el cortafuegos o los controles del punto de acceso están bloqueando el dominio necesario.

canvas y la seguridad web

canvas puede previsualizar sitios web y otro contenido 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 hayas introducido o compartido con ChatGPT.

ChatGPT toma la información que proporcionas al conversar y la utiliza para ofrecer 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, también en la generación de código con canvas.

Cuando interactúes con la vista previa web de canvas, ChatGPT te pedirá que confirmes comunicaciones con terceros que OpenAI no conoce. Si confirmas esta comunicación, permitiremos que la vista previa se comunique con ese tercero.