Cómo agregar resaltado de sintaxis al código fuente en Google Docs

Los desarrolladores y programadores han utilizado durante mucho tiempo los editores de texto como la forma principal de ingresar código de computadora. Algunos entornos de desarrollo tienen sus propios editores incorporados, pero a los desarrolladores generalmente les gusta un editor y se apegan a ese programa. Una razón de esto es que un buen editor de codificación incluye resaltado de sintaxis, una característica que formatea el código fuente y asigna fuentes y colores a palabras clave y construye dentro del código para que sea mucho más fácil de leer. Los editores de texto como Notepad ++, que se tratan en esta guía Tech Junkie, son los favoritos de los desarrolladores por este motivo. La mayoría de los desarrolladores no ven a Google Docs como un posible editor de codificación, a pesar de sus excelentes funciones para grupos de trabajo y su integración en la nube, porque no incluye opciones integradas de resaltado de sintaxis.

Sin embargo, puede agregar resaltado de sintaxis al código en documentos de Google Doc. De hecho, existen al menos un par de complementos para Docs que le permiten formatear varios lenguajes de programación y marcado con resaltado de sintaxis. También hay numerosas aplicaciones web que puede utilizar para insertar código fuente resaltado en Google Docs. En este artículo, le mostraré cómo agregar resaltado de sintaxis de código fuente a sus documentos de Docs.

Formatee el código fuente con Code Pretty

Code Pretty es un complemento para Google Docs que agrega automáticamente resaltado al código seleccionado. Code Pretty no incluye una gran cantidad de configuraciones para personalizar el formato de sintaxis, pero aún agrega una práctica opción de resaltado de sintaxis a Docs. Puede agregar CP a Docs haciendo clic en el P.ee botón encendido esta pagina web. Luego presione el Permitir para confirmar los permisos para el complemento.

A continuación, abra Docs en su navegador; y haga clic en la pestaña Complementos para abrir su menú. Ese menú ahora incluirá el complemento Code Pretty. Para darle un ejemplo de cómo este complemento resalta la sintaxis, seleccione y copie el código JavaScript de muestra a continuación en un documento de Docs presionando Ctrl + C.

¿Qué puede hacer JavaScript?

JavaScript puede cambiar los atributos HTML.

En este caso, JavaScript cambia el atributo src (fuente) de una imagen.

Enciende la luz

Apaga la luz

Pegue esa muestra de JavaScript en Docs presionando Ctrl + V. Luego, seleccione el código en el procesador de texto con el cursor. Hacer clic Complementos > Código bonito y seleccione el Selección de formato opción del submenú. Eso formateará el JavaScript como se muestra en la instantánea directamente debajo.

Como se indicó, CP no incluye muchas configuraciones para el resaltado de sintaxis. Sin embargo, puede ajustar el tamaño de fuente del código resaltado haciendo clic en Complementos > Código bonito y Configuraciones. Eso abrirá la barra lateral que se muestra directamente debajo. Luego, puede seleccionar un tamaño de fuente predeterminado alternativo para el código resaltado desde allí.

Dar formato al código fuente con bloques de código

Code Blocks es un complemento alternativo a CP que puede agregar a Docs. En realidad, este es un complemento ligeramente mejor para resaltar la sintaxis, ya que incluye numerosos temas resaltados. presione el Gratis botón encendido esta página web para agregar bloques de código a los documentos.

Cuando haya instalado Code Blocks, abra Docs y copie y pegue el mismo código JavaScript anterior en el procesador de texto que antes. Hacer clic Complementos > Bloques de código y seleccione comienzo para abrir la barra lateral que se muestra en la toma directamente debajo.

Seleccione solo el texto JavaScript con el cursor. Asegúrese de no seleccionar ningún espacio de documento vacío encima o debajo del código. Seleccione JavaScript en el primer menú desplegable. Luego, también puede seleccionar un tema del Tema Menú desplegable. presione el Formato para agregar el resaltado de sintaxis al código como se muestra a continuación. Ahora el texto de JavaScript es mucho más claro con sus etiquetas de marcado resaltadas.

Copie y pegue el código fuente resaltado en Google Docs

Además de Code Blocks y Code Pretty Docs, también puede utilizar aplicaciones web de resaltado de sintaxis para formatear el código fuente. Luego, puede copiar y pegar el código fuente resaltado de una aplicación web en su documento de Docs. Textmate es una aplicación web de resaltado de sintaxis que formatea numerosos lenguajes de programación y marcado.

Hacer clic este hipervínculo para abrir Textmate. Luego copie y pegue el texto JavaScript incluido en esta publicación en el cuadro de código fuente de Textmate con las teclas de acceso rápido Ctrl + C y Ctrl + V. Seleccione JavaScript en el menú desplegable Idioma. Seleccione un tema de resaltado de sintaxis en el menú desplegable Tema. presione el Realce para obtener una vista previa del formato del código fuente, como se muestra en la instantánea directamente debajo.

A continuación, seleccione el JavaScript resaltado en la vista previa con el cursor y presione Ctrl + C. Pegue el código resaltado en Google Docs presionando Ctrl + V. Eso agregará el código fuente de JavaScript resaltado al documento Docs como se muestra directamente a continuación.

Por lo tanto, no necesita un editor de texto de escritorio para agregar resaltado de sintaxis al software y al código del sitio web. En su lugar, puede resaltar el código de sintaxis en los documentos de Docs con las extensiones Code Pretty y Code Blocks. Alternativamente, copie y pegue su código hacia y desde la aplicación web Textmate para insertar el código fuente resaltado en Google Docs.

¿Tiene otras formas de agregar formato de sintaxis a Google Docs? ¡Compártelos con nosotros a continuación!