Escribir código es una parte integral de cualquier desarrollo de software o contenido educativo relacionado con TI. Google Docs, como una de las herramientas de procesamiento de textos más utilizadas, ofrece una variedad de funciones para mejorar la forma en que compartimos y colaboramos en documentos. Sin embargo, para los desarrolladores y redactores técnicos, un desafío común es agregar bloques de código formateados a sus documentos. Esta característica es crucial no sólo por motivos de claridad, sino también para mantener la integridad del código que se comparte.

Aquí veremos cómo podemos agregar código en Google Docs de modo que no solo se destaque del resto del documento sino que también conserve la sintaxis del código como en un editor de código.

Beneficios de agregar bloque de código en Google Docs

Mire las pocas líneas de código que hemos agregado a este documento. Agregamos la sangría requerida manualmente y también resaltamos el código para que se destaque del resto del documento.

texto resaltado y sangrado manualmente

Aquí hay otro código que hemos agregado dentro de una fila de la tabla. Tenga en cuenta que, aunque el borde de la tabla ayuda a que el código se destaque, todavía tenemos que agregar la sangría en el código manualmente.

código agregado en la tabla

Agregar código de ambas formas es bastante simple, pero solo cuando trabajas con unas pocas líneas de código. Además, estos métodos no garantizan que el formato y la sangría se transfieran al copiar y pegar este código en un editor de código. Así, para evitar todas estas molestias, debemos utilizar un Bloque de código mientras agrega código en Google Docs.

Cómo agregar código en Google Docs

Puede agregar código en Google Docs utilizando un complemento de terceros. También hay una herramienta incorporada que permite agregar código en Google Docs, pero no está disponible para todos los tipos de cuentas de Google.

Cómo utilizar el complemento Code Block para agregar código en Google Docs

Puede encontrar varias herramientas para agregar código en Google Docs en Google Workspace Marketplace, pero Code Blocks es uno de los complementos más utilizados. Las siguientes características hacen de Code Blocks una opción tan popular:

• Libre de costo
• Resaltado de sintaxis
• Admite una variedad de idiomas
• Proporciona una serie de temas de color.
• Permite el formato en línea y en bloque.
• Opción de vista previa antes de realizar cambios

Siga estos pasos para instalar y agregar esta extensión a Google Docs:

Paso 1: vaya al mercado de Google Workspace

Utilice este enlace para ir a la página de inicio de Google Workspace Marketplace.

https://workspace.google.com/marketplace

Mercado de espacio de trabajo de Google

Asegúrese de iniciar sesión en su cuenta de Google si aún no lo ha hecho.

Paso 2: complemento Buscar bloques de código

buscar el Complemento Bloques de código en la barra de búsqueda y presione Ingresar . Seleccione el primer complemento.

Agregar bloque de código de búsqueda

Paso 3: instalar bloques de código

Clickea en el Instalar opción para agregar la extensión Code Blocks.

Instalar bloque de código

Paso 4: permitir la descarga

Dar permisos para permitir la descarga haciendo clic en Continuar .

haga clic en continuar

Esto le pedirá que elija una cuenta de Google.

elige una cuenta de Google

Paso 5: Iniciar sesión

Haga clic en Continuar para iniciar sesión en su cuenta.

haga clic en continuar

Una vez que haya iniciado sesión, verá la lista de cosas que Code Block puede hacer con sus datos. Hacer clic Permitir para continuar con la descarga.

haga clic en permitir

Debes ver esta ventana una vez que se descarga el complemento.

Complemento instalado

Cómo agregar código a Google Docs usando bloques de código

Ahora ya está todo listo para empezar a usarlo en sus documentos de Google. Siga estos pasos para agregar código en Google Docs usando el complemento Code Block:

Paso 1: abra el documento deseado

Abra el documento deseado desde la página de inicio de Google Docs.

abrir el documento deseado

Paso 2: Ingresa y Selecciona el código

Puede agregar el código escribiéndolo directamente o simplemente copiándolo y pegándolo desde un editor de código.

seleccionar codigo

Paso 4: vaya a la pestaña Extensión y seleccione Bloques de código

Ve a la Extensiones menú. Verá las extensiones agregadas en la lista. Haga clic en Bloques de código y seleccione Comenzar .

iniciar bloques de código

Paso 5: Selecciona tu idioma preferido

En el panel lateral que se abre, seleccione el idioma deseado en el menú desplegable.

seleccione el idioma

Paso 6: Selecciona el tema

Para cambiar los colores, puede elegir un tema diferente del Tema desplegable. Active la opción de vista previa para ver cómo se ve un tema en particular.

Tenga en cuenta que tendrá que hacer clic en el Avance cada vez que seleccionas un tema.

seleccione el tema

Paso 7: agregar bloque de código

Haga clic en Formato para agregar el bloque de código a su documento.

botón de formato

Así es como se ve el bloque de código:

Resultado

Cómo utilizar la herramienta de bloqueo de código incorporada para agregar código en Google Docs

Hay una herramienta de bloqueo de código incorporada que se agregó a Google Docs en 2022 para algunos tipos de cuentas de Google, como Business Standard, Business Plus, Enterprise Standard, Enterprise Plus, Education Standard, Education Plus Customers y Nonprofits.

Para agregar un bloque de código usando esta herramienta, siga estos pasos:

• Paso 1: Ve a la Insertar pestaña
• Paso 2: Seleccionar Bloques de construcción
• Paso 3: Elegir el Opciones de bloque de código .

Luego puede seleccionar una opción de las cinco indicadas:

• C/C++
• Java
• javascript
• Pitón
• Desarmado

Al seleccionar una opción, se agregará un bloque de código al documento donde podrá agregar el código deseado. Aunque esta opción no está disponible para usuarios con una cuenta personal, es de esperar que eso cambie en un futuro próximo.

Conclusión

En resumen, vimos cómo podemos agregar código en Google Docs de modo que se conserven el formato y la sangría del código y no tengamos que hacer cosas manualmente para largas líneas de código.

Puedes usar complementos de terceros para agregar código en Google Docs y también puede utilizar la herramienta incorporada que proporciona Google Docs. Tenga en cuenta que la herramienta incorporada no está disponible para su uso en todo tipo de cuentas de Google, lo que, con suerte, cambiará en un futuro próximo.

Leer también : Cómo agregar cuadros de texto en Google Docs ¡Para aprender más sobre este increíble procesador de textos!

Cómo agregar un bloque de código en Google Docs: preguntas frecuentes

¿Cómo inserto bloques de código en Google Docs?

Para insertar bloques de código en Google Docs, siga estos pasos:

1. Abra su documento de Google Docs.
2. Haga clic en Complementos en el menú.
3. Elegir Obtener complementos .
4. Busque un complemento de bloque de código como Bloques de código u otro complemento adecuado.
5. Instalar el complemento y otorgarle los permisos necesarios.
6. Una vez instalado, regrese a Complementos , seleccione el complemento de bloque de código y elija Insertar bloque de código .
7. Configure los ajustes del bloque de código si es necesario y pegue su código.

¿Puedes ejecutar código en Google Docs?

No , Google Docs no admite la ejecución de código directamente dentro de los documentos. Es principalmente un procesador de textos para crear y editar documentos.

No puedo encontrar la opción de bloqueo de código en el menú Insertar de Google Docs. ¿Qué hacer?

La función de bloqueo de código incorporada de Google Docs no está disponible para todas las cuentas de Google. Solo puede utilizar esta opción si tiene una de las siguientes cuentas:

• Estándar empresarial
• Negocios Plus
• Estándar empresarial
• Empresa Plus
• Estándar educativo
• Clientes de Educación Plus
• Organizaciones sin fines de lucro

¿Se puede conservar el formato y el resaltado del código mediante Google Docs?

Puede conservar el formato y el resaltado del código utilizando complementos de terceros como Code Blocks. Otro complemento que funciona de forma similar es Code Pretty.