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

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



Los desarrolladores y programadores han usado durante mucho tiempo editores de texto como la forma principal de ingresar código de computadora. Algunos entornos de desarrollo tienen sus propios editores integrados, pero los desarrolladores suelen preferir un editor y se apegan a ese programa. Una razón para esto es que un buen editor de codificación incluye resaltado de sintaxis, una función que formatea el código fuente y asigna fuentes y colores a las palabras clave y construcciones dentro del código para que sea mucho más fácil de leer. Editores de texto como Notepad ++, que se tratan en este Guía de adictos a la tecnología , son favorecidos por los desarrolladores por este motivo. La mayoría de los desarrolladores no ven a Google Docs como un editor de codificación potencial, a pesar de sus excelentes funciones para grupos de trabajo y la integración en la nube, porque no incluye opciones integradas de resaltado de sintaxis.

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

Sin embargo, puede agregar resaltado de sintaxis al código en documentos de Google Doc. De hecho, hay 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 existen 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.

Formatea 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 elfr eebotón encendido esta página web . Luego presione el botónPermitirbotón para confirmar los permisos para el complemento.

mi fuego no se cargará

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

Apagar la luz


Pegue esa muestra de JavaScript en Docs presionando Ctrl + V. Luego, seleccione el código en el procesador de textos con el cursor. Hacer clicComplementos>código bastantey seleccione elSelección de formatoopció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 enComplementos>código bastanteyAjustes. 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. Este es en realidad un complemento ligeramente mejor para resaltar la sintaxis, ya que incluye numerosos temas de resaltado. presione elGratisbotón encendido esta página del sitio web para agregar bloques de código a Documentos.

¿Cuál es la dirección de mi servidor de Minecraft?

Cuando haya instalado Code Blocks, abra Docs y copie y pegue el mismo código JavaScript anterior en el procesador de textos como antes. Hacer clicComplementos>Bloques de códigoy seleccioneComienzopara abrir la barra lateral que se muestra en la toma directamente debajo.

Seleccione solo el texto de JavaScript con el cursor. Asegúrese de no seleccionar ningún espacio de documento vacío encima o debajo del código. SeleccioneJavaScriptdel primer menú desplegable. A continuación, también puede seleccionar un tema de laTemaMenú desplegable. presione elFormatopara 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 nuevamente en su documento de Docs. Textmate es una aplicación web de resaltado de sintaxis que da formato a numerosos lenguajes de programación y marcado.

Hacer clic este hipervínculo para abrir Textmate. Luego copie y pegue el texto de 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. SeleccioneJavaScripten el menú desplegable Idioma. Seleccione un tema de resaltado de sintaxis en el menú desplegable Tema. presione elDestacarpara 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 de Docs como se muestra directamente a continuación.

¿Cómo se obtienen subtítulos en Amazon Prime en Roku?

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 alguna otra forma de agregar formato de sintaxis a Google Docs? ¡Compártelos con nosotros a continuación!

Artículos De Interés

La Elección Del Editor

Olvídate de la triste noticia de los emojis de caca, tenemos que hablar sobre lo enojado que está este tipo por los emoticonos
Olvídate de la triste noticia de los emojis de caca, tenemos que hablar sobre lo enojado que está este tipo por los emoticonos
Hay cientos, si no miles, de diseños de emoji que nunca verán la luz del día. O el diseño no se ha finalizado o no puede superar el proceso de revisión sorprendentemente riguroso. ¿La última víctima? A
¿Los AirPods no se conectan a la MacBook? Aquí está la solución
¿Los AirPods no se conectan a la MacBook? Aquí está la solución
15 soluciones rápidas para Apple AirPods que no se conectan correctamente a una computadora portátil MacBook Pro o MacBook Air ni reproducen música y otro audio como se esperaba.
Cómo usar el radar en War Thunder
Cómo usar el radar en War Thunder
En 2020, War Thunder recibió una actualización que incorporó la funcionalidad de radar a varios vehículos de combate. El radar es crucial para detectar enemigos, rastrearlos y más. Con muchas características diferentes, no es de extrañar que a algunos jugadores les cueste dominarlas. Sin embargo,
Establezca la versión de distribución de Linux en WSL 1 o WSL 2 en Windows 10
Establezca la versión de distribución de Linux en WSL 1 o WSL 2 en Windows 10
Cómo configurar una versión de distribución de Linux a WSL 1 o WSL 2 en Windows 10 Microsoft ha portado WSL 2 a Windows 10 versión 1909 y versión 1903. Inicialmente, estaba disponible exclusivamente en Windows 10 versión 2004. Ahora los usuarios que han instalado dos versiones anteriores versiones del sistema operativo pueden actualizar el subsistema de Windows para
Habilitar el corrector ortográfico de Windows en Microsoft Edge Chromium
Habilitar el corrector ortográfico de Windows en Microsoft Edge Chromium
Cómo habilitar el corrector ortográfico de Windows en Microsoft Edge Chromium. Como recordará, Microsoft ha realizado esfuerzos para agregar la capacidad de usar el hechizo incorporado ch
¿Cómo se cambia el color de los ojos con PicsArt?
¿Cómo se cambia el color de los ojos con PicsArt?
Si se ha estado preguntando cómo se vería con un color de ojos diferente, PicsArt le permite usar sus herramientas para averiguarlo. No solo eso, puede dar seguimiento a cualquier idea creativa o artística que se le pueda pasar por la cabeza.
Cómo conectar Gmail y Google Calendar a Cortana
Cómo conectar Gmail y Google Calendar a Cortana
Ahora es posible conectar los servicios de Google como Gmail y Calendar a Cortana en Windows 10. Esto le permitirá acceder a su cuenta de Google más rápido.