Comment ajouter de nouveaux styles à Google Documents?

299

Google Documents propose un ensemble de styles intéressants, tels que "Texte normal" et "En-tête 1".

Comment puis-je ajouter le mien? Je veux ajouter un style appelé "code" pour le texte qui est du code de programmation.

David Faux
la source
42
Exactement pourquoi je suis venu à cette question. :) Je voulais juste créer un style appelé Code et code intégré qui ne serait pas un style de paragraphe.
Robert Koritnik
18
Je connais la réponse, mais je ne peux pas l’ajouter car je n’ai pas assez de réputation. En gros, vous pouvez utiliser les scripts Google Apps. Voici ce que j'ai fait: pastebin.com/4pNBJ9pC . Pour l'activer, vous devez créer un nouveau script: Tools>> Script Manager>> Newet y coller le code. Ensuite, vous devrez autoriser le script et recharger le document pour que le menu apparaisse dans la barre de menus. Ensuite, sélectionnez une zone de texte et choisissez Extras>>Apply code style
Trident D'Gao
3
Je connais ma réponse, mais ma réputation n'est apparemment pas suffisante. À partir de 3/14 ', une fois que vous aurez mis à jour les en-têtes existants via l'option "Mettre à jour l'en-tête X afin qu'elle corresponde", GDocs ajoutera un en-tête Y supplémentaire. Ainsi, cela commence par l'en-tête 1,2,3, mais une fois que vous mettez à jour l'en-tête 3, GDocs présentera la rubrique 4. Une fois la rubrique 4 mise à jour, GDocs introduira la rubrique 5, etc.
JJ Rohrer
7
Il y a une extension qui le fait: chrome.google.com/webstore/detail/article-styles%20/… (je ne peux pas publier de réponse à cause d'un bogue dans stackexchange; il indique qu'il me faut 10 rep pour répondre, je ' J'ai eu 103 répétitions, aucune réponse disponible)
Chris Moschini le
1
@AlekseyBykov répondre m'a aidé avec celui-ci. J'ai mis à jour et corrigé certains problèmes ici github.com/cr8ivecodesmith/google_docs_scripts/blob/master/…
cr8ivecodesmith

Réponses:

136

Pour le moment, il n'est pas possible d'ajouter plus de styles ou de renommer ceux qui existaient, mais vous pouvez les modifier pour répondre à vos besoins.

Par exemple, vous pouvez styler votre code à votre guise, puis en sélectionnant l'un des en-têtes et en choisissant le Update Heading # to match selection, ce style particulier pourrait devenir votre nouveau style "Code" .

Ensuite, sélectionnez autre chose et appliquez cet en-tête et vous avez terminé.

Styles dans Google Docs

Lipis
la source
104
inconvénient est que cela va inclure "code" dans ma table des matières. : / J'ai constaté que l'utilisation du style de sous-titre pour le code l'empêche de s'afficher dans la table des matières.
Mark Nadig
9
+1 @ digger69 pour cette astuce. L'utilisation de «Sous-titres» pour le code est le meilleur conseil que j'ai jamais eu de cette StackExchange. Idéal pour avoir une hauteur de trait de 1,15 dans tout le document, mais 1,0 pour le code! : D
ELLIOTTCABLE
9
Comme je l'ai également mentionné dans la réponse de digger69, un autre inconvénient est que cela ne permet pas les styles en ligne; il doit être sur sa propre ligne. Bien sûr, les codes courts, ou plus vraisemblablement, les termes liés au code (tels que les noms de balises, de fonctions ou de variables) veulent souvent vivre en ligne dans un paragraphe de texte.
Drewdavid
2
est-il vrai qu'il doit s'agir d'un "bloc", c'est-à-dire que toute la ligne ou le paragraphe doit être du même style - il ne peut s'agir d'une ligne codemélangée avec du texte normal comme ceci: l' windowobjet
nopole le
12
Je tiens simplement à souligner qu'il est illogique que les "experts en logiciels" de Google n'aient jamais ajouté de fonctionnalité permettant d'ajouter un nouveau style à Docs. Cela aurait dû être l’une de leurs priorités initiales depuis une dizaine d’années. Cette application Web était disponible.
Spencer Williams
56

En tant que Lipis, vous ne pouvez toujours pas créer vos propres styles. Donc, il vous reste à réutiliser un existant. L'inconvénient de l'utilisation de l'en-tête est qu'il en résultera un "code" dans la table des matières (TOC). : / J'ai constaté que l'utilisation de styles de titre et de sous-titre pour le code empêche l'affichage de ces styles dans la table des matières.

Mark Nadig
la source
3
Le principal inconvénient de cette approche est que vous pouvez utiliser ⌘ + Alt + 6 pour utiliser cette présentation si vous remplacez l'en-tête 6'th, mais il n'y a pas de raccourci clavier correspondant pour le style Sous-titre.
Amit Kotlovski
5
L'autre note est que cela ne semble pas fonctionner en ligne, doit être sur sa propre ligne (vrai de tous les styles j'imagine)
Drewdavid
27

Beaucoup de solutions ne fonctionnent pas en ligne. Ceci est une solution nettoyée proposée par @AlekseyBykov à l'aide de scripts d'application Google pour ajouter une action de menu personnalisée:

  1. Créer un nouveau script ( Tools > Script Editor)
  2. Copiez le code suivant dans l'éditeur:
// Add new menu item
function onOpen() {
  DocumentApp.getUi()
  .createMenu('Styles')
  .addItem('Format Code', 'formatCode')
  .addToUi();
}

// Define code styling
var style = {};
style[DocumentApp.Attribute.FONT_FAMILY] = DocumentApp.FontFamily.CONSOLAS;
style[DocumentApp.Attribute.FONT_SIZE] = 10;
style[DocumentApp.Attribute.BACKGROUND_COLOR] = "#DDDDDD";
style[DocumentApp.Attribute.FOREGROUND_COLOR] = "#333333";
style[DocumentApp.Attribute.BOLD] = false;

// Apply code formatting
function formatCode() {
  var selection = DocumentApp.getActiveDocument().getSelection();
  if (selection) {
    var elements = selection.getRangeElements();
    for (var i = 0; i < elements.length; i++) {
      var element = elements[i];

      // Only modify elements that can be edited as text; skip images and other non-text elements.
      if (element.getElement().editAsText) {
        var text = element.getElement().editAsText();

        // Style the selected part of the element, or the full element if it's completely selected.
        if (element.isPartial()) {
          text.setAttributes(element.getStartOffset(), element.getEndOffsetInclusive(), style);
        } else {
          text.setAttributes(style);
        }
      }
    }
  }
}
  1. Assigne un trigger pour exécuter la onOpenfonction "On open" ( Edit > Current Project's Triggers)
  2. Après avoir autorisé le script, rechargez le document d'origine
  3. Utilisez le nouvel élément de menu pour mettre en forme le texte sélectionné ( Styles > Format Code)
dule
la source
2
Excellent et a parfaitement fonctionné. Pour un style de backtick plus 'Slack': style [DocumentApp.Attribute.BACKGROUND_COLOR] = "#FFEEEE"; style [DocumentApp.Attribute.FOREGROUND_COLOR] = "# 880000";
Jim Morrison
1
excellent truc. Je n'ai pas aimé que le fond était absent entre les mots, donc je l' ai modifié pour mettre le contenu dans une cellule de table avec un fond solide: gist.github.com/fatso83/ffb7871c537e04d9ce95f66fccc30495
oligofren
script super sympa, merci! Je pouvais maintenant l'étendre pour supporter plus de styles
Unreality
15

L'extension gratuite de Google Docs Paragraph Styles + permet de créer des styles de paragraphe personnalisés (plus une numérotation des contours du système décimale pour les en-têtes et une table des matières avec numérotation des pages).

Je viens de le tester, et voici ma première impression:

  • Bon départ. Pour les documents de petite taille, il devrait être bon d’utiliser :-)
  • Cependant, il fonctionne assez lentement, même si les versions récentes ont déjà amélioré les performances.
  • L'interface utilisateur ne s'intègre pas à l'interface utilisateur de style Google Documents. Probablement pas possible autrement dans l'API Google Docs.
  • La fonctionnalité de style d'origine de Google Documents ne connaît pas les styles personnalisés, car tous les textes avec des styles personnalisés ont le format "Texte normal". Vous pouvez utiliser les deux en parallèle, mais notez que le bouton "Effacer le formatage" (qui ressemble à " T x ") supprimera le formatage de style personnalisé du texte sélectionné.
  • Il semble que vos styles de caractères soient stockés sur un service Web externe. Cela signifie que vous devez leur confier l'accès à vos documents de la manière que vous les confiez à Google maintenant…

Source: reconnaissant le commentaire de Chris Moschini ci-dessus, qui l'a mentionné en premier.

Tanius
la source
6
L' installation de ce type d'extension docs comporte -t-elle des risques pour la sécurité des données ou le code a-t-il été vérifié par Google comme étant non malveillant?
Gruber
7
Ces autorisations semblent permettre, par exemple, que vos documents soient envoyés à d'autres personnes ou partagés avec d'autres sans préavis. Cela me fait peur certainement.
Reece
Comme il se doit, @Receece! Merci pour le pointeur.
Cheeso
11

Jusqu'à récemment, il était possible d'éditer le code CSS (feuille de style) et la source HTML d'un document. Cela demandait du travail, mais si vous connaissiez le HTML et le CSS, vous pourriez ajouter une classe CSS à votre doc, puis éditer le HTML pour l’utiliser, par exemple dans le HTML.

<span class='booktitle'>Infinite Jest</span>

et dans le CSS

.booktitle { font-style:italic; }

Google a plus ou moins supprimé cette fonctionnalité avec son nouveau format, forçant les anciens documents au nouveau format. Mais, j'ai entendu dire qu'il existe des moyens de conserver les documents dans l'ancien format, il peut donc y avoir de l'espoir.

IJ Kennedy
la source
1
J'aimerais plus d'informations sur la façon de procéder.
Ragoût
2
Ca ne marche pas, google enlève maintenant tous les css sauf les inlines
vs4vijay
2
Le script affiché ci - dessus est presque identique à cette fonctionnalité. Après l’installation, vous pouvez simplement éditer l’ styleobjet selon vos besoins. C'est du javascript, donc légèrement différent de CSS, mais presque identique. Remarque: il ne fait aucun appel externe, n'envoie ni ne charge de données provenant d'ailleurs.
Jonathan Cross