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.
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!