web-dev-qa-db-fra.com

Comment ajouter de nouveaux styles à Google Docs?

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.

294
David Faux

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 in google docs

136
Lipis

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 ma table des matières. :/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.

55
Mark Nadig

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 déclencheur pour exécuter la fonction onOpen "à l'ouverture" (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)
26
dule

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" (ressemble à " Tx ") supprimera la mise en forme de style personnalisée du texte sélectionné.
  • Il semble que vos styles de caractères soient stockés sur un service Web externe, ce qui 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.

14
tanius

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 langage HTML et CSS, vous pouviez ajouter une classe CSS à votre document, puis modifier le code 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.

11
I. J. Kennedy