Comment ajouter de nouveaux styles à Google Documents?

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.

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

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.

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);
        }
      }
    }
  }
}

3. Assigne un trigger pour exécuter la onOpenfonction "On open" ( Edit > Current Project's Triggers)
4. Après avoir autorisé le script, rechargez le document d'origine
5. Utilisez le nouvel élément de menu pour mettre en forme le texte sélectionné ( Styles > Format Code)

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.

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.