Comment puis-je mettre en évidence la syntaxe du code dans Google Docs?

Avec le nouveau Modules complémentaires pour Google Drive , vous pouvez obtenir la mise en évidence du code avec le module complémentaire Blocs de code .

Après avoir installé le module complémentaire, vous pouvez y accéder en sélectionnant le code que vous souhaitez formater, allez dans _Add-ons → Blocs de code → Début:

Cela fait apparaître une barre latérale dans laquelle vous pouvez sélectionner le langage de programmation et un thème:

Après avoir cliqué sur Format , le résultat ressemble à ceci:

Commentaires

• CONSEIL: si vous souhaitez mettre en évidence le code dune présentation, écrivez le code dans un document puis copiez / collez dans la présentation.
• @Hern á nEche: Il semble quil ait besoin dun ensemble complet dautorisations pour sinstaller dans la barre de menus: développeurs.google.c om / apps-script / add-ons / …
• @ vibs2006 Cela ne semble pas possible dans Code Pretty. Cependant, depuis que jai écrit cette réponse, plusieurs autres plugins de mise en évidence de code sont arrivés. Google pour google documents code highlighting ou similaire. Par exemple, Blocs de code semble prendre en charge différentes syntaxes:  » Détection automatique de la langue (ou choisissez-la vous-même) « . Jai ajouté cela à ma réponse.
• Vous ‘ avez raison, @icordoba, il semble que Google a introduit un système de vérification, que lauteur de Code Pretty na pas ‘ t encore obtenu. Jai contacté lauteur: twitter.com/vramdal/status/1060491855601848321
• @ f01 Oui, cest malheureusement le cas. Jai réécrit la réponse pour suggérer un autre module complémentaire ayant le même objectif.

I  » Jai trouvé codepad.org qui permet de partager des extraits de code. Il prend en charge la coloration syntaxique et même la compilation de code. Et il prend en charge un large éventail de langages de programmation – C, C ++ , D, Haskell, Lua, OCaml, PHP, Perl, Python, Ruby, Scheme, Tcl. Et une autre fonctionnalité intéressante – elle ne nécessite pas de connexion.

Commentaires

• Cest une bonne réponse. Java est un grand langage manquant. Ce serait bien dy voir également C #. Ruby? Com ‘ on!
• Quel est le problème de ‘ avec Ruby? (surtout en 2014)

Vous pouvez ajouter Bloc de code pour Google Docs .

1 * – Google Docs -> Onglet Modules complémentaires -> 2 * – Obtenir des modules complémentaires … -> Rechercher: « Blocs de code »

3 * – Ensuite, vous allez dans Modules complémentaires -> Bloc de code -> Démarrer

4 * – Sélectionnez le thème (50+)

Commentaires

• impossible de rétablir ou de modifier le Thème une fois quil a été appliqué et varie également la mise en évidence différemment sur différents blocs de code

Vous pouvez faire utilisation des champs de question ou de réponse sur les sites Stack Exchange pour vous aider.

1. Collez votre extrait de code dans un champ de texte vide.
2. Sélectionnez-le et utilisez le bouton « exemple de code » (celui avec des accolades) pour vous assurer quil est formaté sous forme de code.
3. Attendez un peu pour laisser le la coloration syntaxique pour faire son travail.
4. Copiez le bloc de code question / réponse prévisualisé.
5. Dans votre document Google, sur une nouvelle ligne, définissez le style de paragraphe sur block-quote.
6. Collez le bloc de code prévisualisé.
7. Cest tout.

Google Docs semble réinitialiser la police pour certains raison, mais préserve la coloration syntaxique. Idéal pour inclure des extraits de code dans la documentation.

Commentaires

• Que ‘ est très fastidieux, et vous ‘ devez recommencer ce processus à chaque fois que vous apportez une modification non triviale à votre code.
• Il est probablement plus facile décrire et de copier à partir dune application comme VSCode, qui transfère automatiquement la mise en forme dans Google Docs.

Non. Pour la programmation en ligne lors de vos déplacements, consultez Mozilla Bespin

EDIT: Mozilla Bespin est mort, il a été fusionné dans IDE Cloud 9 .

Commentaires

• I don ‘ t besoin dhébergement pour lensemble du projet. Jai besoin de partager un ou deux fichiers. Google Docs est très simple à utiliser et approprié à cette fin. Sauf pour la coloration syntaxique.
• Ensuite, ne mettez que deux fichiers sur Bespin. Google Docs ne prend pas du tout en charge la mise en évidence de la syntaxe (et je ne vois pas si elle sera prise en charge à lavenir)
• Je dois être daccord ici, cela ‘ nest pas vraiment à lintérieur la portée de Google Docs.
• Les projets Bespin sont nexistent plus . Cloud9 IDE, dans lequel Bespin a été fusionné au moment de lécriture, ne prend en charge que javascript.
• MISE À JOUR SUPPLÉMENTAIRE: à partir de mozillalabs.com/en-US/skywriter / … Le Mozilla Skywriter project, anciennement appelé Bespin , a été fusionné dans un autre projet. Si vous ‘ recherchez un éditeur personnalisable que vous pouvez intégrer dans vos propres projets, jetez un œil à Ace.ajax.org Si vous ‘ cherchez à faire votre codage dans le cloud, jetez un œil à Cloud9.IDE.com qui construit sur Ace (et Ace inclut le code du projet Bespin / Skywriter).

I « ve a découvert que la copie de pâtes à partir de Pastebin fonctionne parfaitement et ajoute en prime des numéros de ligne reconnus par Google Docs comme liste numérotée.

Vous allez à Pastebin , créez une pâte non répertoriée (si vous ne voulez pas que quelquun dautre la voie), sélectionnez la coloration syntaxique parmi un grand nombre de langues disponibles et les syntaxes, appuyez sur Soumettre, puis sélectionnez et copiez le texte en surbrillance dans votre document Google.

Juste pour être clair pour les débutants comme moi,

N o, il ny a pas de mise en évidence de code de manière native dans Google Docs.

Il existe des modules complémentaires qui peuvent faire de la mise en évidence du code.

Code Pretty est mentionné ci-dessus et a des critiques adéquates.

Code Block est également mentionné et a de bonnes critiques.

Si vous ne voulez pas installer de modules complémentaires, cela devient plus difficile. http://markup.su/highlighter/ est mentionné ci-dessus comme étant bon, et il fait un très bon travail. Il vous suffit de copier et coller le code à chaque fois quil y a un changement.

Si vous voulez un formatage du code uniquement à des fins de documentation, ces solutions travail.

Si vous voulez la collaboration en temps réel, il existe de bien meilleures solutions pour le code que Google Docs.

Découvrez des solutions comme https://codeshare.io/

Commentaires

• Cest déjà connu. Mais nous ‘ je cherche une solution à cela.

Jai rencontré ce problème aussi, et je ne voulais pas ajouter d’extension à mon compte Google Docs. Jai trouvé http://markup.su/highlighter/ , un surligneur de syntaxe de code en ligne, vous venez de passer votre code et pouvez choisir entre différents styles.

Jutilise personnellement le style « Dawn », puis passe la sortie dans un onglet dans la doc, supprime les bordures et définit un arrière-plan pour cet onglet. Le résultat est bon.

Jai essayé Code Pretty recommandé ici, ça va. Jaurais aimé que ce soit open source pour que quelquun puisse facilement programmer dans un raccourci clavier à utiliser comme dautres lont dit. Le rend très utile pour le monde professionnel, par exemple, coder des documents pratiques ou de type wiki pour apprendre aux autres à automatiser / coder des choses.

Jai essayé Blocs de code à la place. Je laime beaucoup plus. Il est beaucoup plus facile de distinguer le code du document pour la formation ou la rédaction de vos propres notes lorsque vous apprenez une autre langue.

Pour quelque chose de simple, essayez rextester . Il permet de collaborer en temps réel sur des extraits de code écrits dans de nombreuses langues. Allez dans « exécuter le code », choisissez votre langue, puis cliquez sur le bouton « Coopération en direct ».

Commentaires

• Pourquoi quelquun voudrait-il ch oose cette option?
• @Al Everett Parce quelle permet de collaborer sur des extraits de code en temps réel. Bien que cela ne ‘ ne réponde pas directement à la question, mais suggère une alternative.
• Veuillez ensuite modifier votre réponse pour inclure ces informations.

Vim peut afficher son tampon de syntaxe surligné dans un fichier HTML:

http://vim.wikia.com/wiki/Pasting_code_with_syntax_coloring_in_emails

ou celui-ci est aussi sympa:

https://superuser.com/questions/565050/export-file-syntax-highlighting-to-html-using-vim

Ce fichier peut être ouvert dans votre navigateur, à partir duquel vous pouvez copier et collez le texte dans Google Docs / Drive.

Eh bien, il y a une application Web qui devait être incluse dans Google Docs, mais a été annulé: / Son nom est Collide . Vous pouvez le voir en action ici

Commentaires

• Cela naide ‘ pas beaucoup pour donner une réponse qui offre un solution qui a déjà été annulée. Notre objectif sur lensemble du réseau StackExchange est de fournir des solutions utiles et pertinentes. Une façon daider est de penser si vous avez posé la question, voulez-vous une réponse cela vous indique quil y avait presque une solution mais elle a été annulée, cependant, vous pouvez toujours voir à quoi cela aurait ressemblé  » ici « .
• Mon erreur, il a été annulé ‘ par google ‘ mais est maintenant un projet open source. Vérifiez le lien Collide.

Vous pouvez le coller dans VSCode et copier à partir de là, puis le coller dans GDocs, la mise en forme sera préservée avec la coloration syntaxique et la police monospace.

Cest un peu un moyen détourné de obtenir la mise en évidence de la syntaxe de Vim (ou de tout autre outil permettant denregistrer un fichier au format HTML) dans un document Google:

1. Copiez votre code dans gvim
2. Cliquez sur le bouton Menu Syntaxe dans gvim, et sélectionnez « Convertir en HTML ».
3. Enregistrez cette version html dans un fichier.
4. Ouvrez ce fichier dans Chrome en utilisant ctrl-o pour le trouver. Puis dans Chrome, tapez ctrl-a ctrl-c
5. Dans un nouveau document Google, cliquez dessus avec le pointeur de la souris et tapez ctrl-v.
6. Si gvim est configuré pour avoir une couleur darrière-plan personnalisée, puis dans Google Docs, tapez ctrl-a, sélectionnez le symbole de surbrillance (licône qui ressemble à un marqueur de surbrillance juste à droite du A souligné), et dans le menu contextuel, sélectionnez Aucun.