Comment puis-je obtenir la coloration syntaxique du code dans Google Docs?

179

Est-il possible d'activer la coloration syntaxique dans Google Docs ?

Personnellement, je l'utilise pour l'édition et la collaboration sur des fichiers C ++, mais la coloration syntaxique PHP ou SQL serait également intéressante.

Kirill V. Lyadvinsky
la source
Une question similaire, mais avec une différence importante: faire de même pour Google Apps for Work, qui est plus limité: webapps.stackexchange.com/questions/103862/…
sorin

Réponses:

104

Avec les nouveaux modules complémentaires pour Google Drive , vous pouvez obtenir la surbrillance de code avec le module complémentaire Code Pretty .

Après avoir installé l'add-on, vous pouvez y accéder en sélectionnant le code que vous souhaitez formater, accédez à Add-ons → Code Pretty , puis sélectionnez Formater la sélection : Capture d'écran de l'utilisation de l'add-on

Le résultat ressemble à ceci: entrez la description de l'image ici

Dernièrement, d'autres solutions ont vu le jour, dont certaines présentent des caractéristiques utiles. Par exemple , les blocs de code prennent en charge différents langages de programmation.

Vidar S. Ramdal
la source
1
CONSEIL: si vous souhaitez surligner du code pour une présentation, écrivez-le dans un document, puis copiez / collez dans la présentation.
Árni St. Sigurðsson
23
Autorisations: -Voir et gérer vos documents dans Google Drive. -Voir et gérer les données associées à l'application. Voulez-vous ouvrir mon réfrigérateur également?
Hernán Eche
6
@ HernánEche: Sinon, comment pensez-vous qu'il peut accéder au document pour le manipuler afin de faire son travail?
Bdoserror
7
Il ne devrait demander l'accès au document que si vous faites la mise en évidence, il est inutile d'accéder à tous les fichiers pour peindre des lettres dans un seul document, en.wikipedia.org/wiki/Principle_of_least_privilege
Hernán Eche
7
@ HernánEche: Il semble qu'il ait besoin de tout un ensemble d'autorisations pour pouvoir s'installer dans la barre de menus: developers.google.com/apps-script/add-ons/…
Vidar S. Ramdal,
26

J'ai trouvé codepad.org qui permet de partager des extraits de code. Il supporte 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 grande fonctionnalité - il ne nécessite pas de se connecter.

Kirill V. Lyadvinsky
la source
C'est une bonne réponse. Un grand langage manquant est Java. Ce serait bien de voir C # là aussi. Rubis? Viens!
MikeMurko
Quel est le problème avec Ruby? (surtout en 2014)
vasilakisfil
20

Vous pouvez ajouter un bloc de code pour Google Docs .

1 * - Google Docs -> Onglet Add-ons -> 2 * - Obtenir des add-ons ... -> Rechercher: 'Code Blocks'

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

4 * - Choisissez un thème (50+)

entrez la description de l'image ici

T04435
la source
impossible de revenir en arrière ou de changer le thème une fois qu'il a été appliqué et de modifier le surlignage différemment sur différents blocs de code
diEcho
10

Non. Pour programmer en ligne lorsque vous êtes en déplacement , consultez Mozilla Bespin

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

Josh Hunt
la source
1
Je n'ai pas besoin d'hébergement pour tout le projet. J'ai 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 en charge la coloration syntaxique (et je ne vois pas si je la prendrais en charge ultérieurement)
Josh Hunt
Je dois être d’accord ici, cela n’entre pas vraiment dans le champ de Google Docs.
1
Les projets Bespin n'existent plus . Cloud9 IDE, dans lequel Bespin a été fusionné au moment de l’écriture, ne prend en charge que le javascript.
om-nom-nom
1
NOUVELLE MISE À JOUR: de mozillalabs.com/en-US/skywriter / ... Le projet Mozilla Skywriter , anciennement connu sous le nom de Bespin , a été intégré à un autre projet. Si vous recherchez un éditeur personnalisable que vous pouvez intégrer à vos propres projets, jetez un œil à Ace.ajax.org Si vous souhaitez coder dans le nuage, jetez un œil à celui Cloud9.IDE.comqui s'appuie sur Ace (et Ace inclut du code provenant du Projet Bespin / Skywriter).
Eric Bishard
9

Vous pouvez utiliser les champs de la question ou de la 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 qu'il est formaté en tant que code.
  3. Attendez un peu pour laisser la coloration syntaxique faire son travail.
  4. Copiez le bloc de code de question / réponse prévisualisé.
  5. Dans votre Google Doc, sur une nouvelle ligne, définissez le style de paragraphe sur block-quote.
  6. Collez le bloc de code prévisualisé.
  7. C'est ça.

Google Docs semble réinitialiser la police pour une raison quelconque, mais conserve la coloration syntaxique. Bon pour inclure des extraits de code dans la documentation.

Huit jours de malaise
la source
6
C'est très fastidieux et vous devrez recommencer ce processus chaque fois que vous apportez une modification non triviale à votre code.
musicfreak
6

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

Non, il n'y a pas de code surlignant de manière native dans Google Docs.

Il y a des add-ons qui peuvent faire la surbrillance de code.

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

Le bloc de code est également mentionné et a de bonnes critiques.

Si vous ne voulez pas installer d’add-on, cela devient plus difficile. http://markup.su/highlighter/ est mentionné ci-dessus comme étant bon, et cela fait un très bon travail. Il vous suffit de copier et coller le code à chaque changement.

Si vous souhaitez un formatage de code uniquement à des fins de documentation, ces solutions fonctionneront.

Si vous souhaitez une collaboration en temps réel, il existe de bien meilleures solutions de code que Google Docs.

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

Joshua Dance
la source
C'est déjà connu. Mais nous cherchons une solution à cela.
KhoPhi
4

J'ai également rencontré ce problème et je ne voulais ajouter aucune extension à mon compte Google Documents. J'ai trouvé http://markup.su/highlighter/ , un surligneur de syntaxe de code en ligne, vous venez de passer votre code et vous pouvez choisir entre différents styles.

Personnellement, j'utilise le style "Aube", puis, après la sortie dans un onglet du document, supprime les bordures et crée un arrière-plan pour cet onglet. Le résultat est bon.

Bartho
la source
3

J'ai découvert que la copie de pâtes à partir de Pastebin fonctionnait parfaitement et qu'elle ajoutait des numéros de ligne reconnus par Google Docs sous forme de liste numérotée.

Vous allez dans Pastebin , créez un collage non répertorié (si vous ne voulez pas que quelqu'un d'autre le voie), sélectionnez la syntaxe en surbrillance parmi un grand nombre de langues et de syntaxes disponibles, cliquez sur Envoyer, puis sélectionnez et copiez le texte en surbrillance dans votre document Google.

Sylvix
la source
2

J'ai essayé Code Pretty recommandé ici, ça va. Je souhaite que ce soit open source afin que quelqu'un puisse facilement programmer dans une touche de raccourci à utiliser comme d'autres l'ont dit. Le rend très utile pour le monde professionnel, par exemple, coder des documents de type wiki ou de type wiki expliquant aux autres comment automatiser / coder des choses.

J'ai essayé les blocs de code à la place. Je l'aime beaucoup plus. Il est beaucoup plus facile de distinguer le code du document pour l’entraînement ou pour écrire vos propres notes lors de l’apprentissage d’une autre langue.

Lance Robbins
la source
1

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 "Code d'exécution", choisissez votre langue, puis cliquez sur le bouton "Coopération en direct".

ren
la source
Pourquoi quelqu'un voudrait-il choisir cette option?
ale
@Al Everett Car cela permet de collaborer sur des extraits de code en temps réel. Bien que cela ne réponde pas directement à la question, il suggère une alternative.
Ren
Ensuite, modifiez votre réponse pour inclure cette information.
ale
1

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

P3t3rU5
la source
1
Cela n'aide pas beaucoup de donner une réponse qui offre une solution qui a déjà été annulée. Notre objectif sur l'ensemble du réseau StackExchange est de fournir des solutions utiles et pertinentes. Une façon d'aider est de penser que si vous posez la question, souhaitez-vous une réponse qui indique qu'il y avait presque une solution, mais que celle-ci a été annulée; toutefois, vous pouvez toujours voir à quoi cela ressemblerait "ici".
Bradley A. Tetreault
1
Mon erreur, il a été annulé "par Google" mais est maintenant un projet open source. Vérifiez le lien Collide.
P3t3rU5