Utiliser les onglets

Apps Script pour Google Docs vous permet d'accéder au contenu depuis n'importe quel onglet du document.

Que sont les onglets ?

Google Docs comporte une couche organisationnelle appelée onglets. Docs permet aux utilisateurs de créer un ou plusieurs onglets dans un même document, de la même manière que les onglets dans Sheets aujourd'hui. Chaque onglet a son propre titre et un ID (ajouté à l'URL). Un onglet peut également comporter des onglets enfants, qui sont des onglets imbriqués sous un autre onglet.

Accéder aux onglets

Les propriétés et le contenu des onglets sont accessibles avec Document.getTabs(), qui renvoie une liste de Tab. Les sections suivantes donnent un bref aperçu de la classe Tab. La documentation de la classe Tab fournit également des informations plus détaillées.

Propriétés de l'onglet

Les propriétés des onglets peuvent être récupérées à l'aide de méthodes telles que Tab.getId() et Tab.getTitle().

Contenu des onglets

Le contenu des documents de chaque onglet peut être récupéré à l'aide de Tab.asDocumentTab(). La section Modifications de la structure de classe de document décrit comment utiliser cette fonctionnalité.

Hiérarchie des onglets

Les onglets enfants sont exposés dans Google Apps Script via Tab.getChildTabs(). Pour accéder au contenu de tous les onglets, vous devez parcourir l'arborescence des onglets enfants. Prenons l'exemple d'un document contenant une hiérarchie d'onglets comme suit:

UI de la liste d'onglets contenant trois onglets de niveau supérieur, dont certains ont des onglets enfants

Pour accéder à l'onglet 3.1.2, procédez comme suit:

// Print the ID of Tab 3.1.2.
const doc = DocumentApp.getActiveDocument();
const tab = doc.getTabs()[2].getChildTabs()[0].getChildTabs()[1];
console.log(tab.getId());

Consultez les exemples de blocs de code dans les sections suivantes, qui fournissent des exemples de code pour itérer sur tous les onglets d'un document.

Autres façons de récupérer des onglets

Il existe deux autres façons de récupérer des onglets:

  • Document.getTab(tabId) : renvoie l'onglet avec l'ID spécifié.
  • Document.getActiveTab() : renvoie l'onglet actif de l'utilisateur. Ne fonctionne que dans les scripts liés à un document. Les sections suivantes décrivent ce processus plus en détail.

Modifications apportées à la structure des classes de documents

Auparavant, les documents ne comportaient pas de concept d'onglets. La classe Document exposait donc des méthodes permettant d'accéder directement au contenu textuel du document et de le modifier. Les méthodes suivantes appartiennent à cette catégorie:

Avec la hiérarchie structurelle supplémentaire des onglets, ces méthodes ne représentent plus sémantiquement le contenu textuel de tous les onglets du document. Le contenu textuel sera désormais représenté dans une autre couche. Toutes les méthodes de texte mentionnées ci-dessus sont accessibles via DocumentTab.

Ces méthodes existantes de la classe Document accèdent ou modifient le contenu de l'onglet actif (dans les scripts liés à un document particulier) ou du premier onglet (si aucun onglet actif n'est disponible).

Accéder au contenu textuel d'un onglet spécifique

Au lieu d'utiliser les méthodes de texte de Document, nous vous recommandons d'utiliser les méthodes disponibles dans la classe DocumentTab (disponible via la méthode Tab.asDocumentTab()). Exemple :

// Print the text from the body of the active tab.
const doc = DocumentApp.getActiveDocument();
const documentTab = doc.getActiveTab().asDocumentTab();
const body = documentTab.getBody();
console.log(body.getText());

Modifications apportées à la sélection des utilisateurs

Méthodes de sélection de texte

La classe Document fournit des getters et des setters pour gérer l'emplacement du texte que l'utilisateur sélectionne dans le document actif. Ces méthodes fonctionnent dans le contexte de l'onglet actif de l'utilisateur qui exécute le script.

  • Document.getCursor() : renvoie la position du curseur de l'utilisateur dans l'onglet actif.
  • Document.getSelection() : renvoie la plage de sélection de l'utilisateur dans l'onglet actif.
  • Document.setCursor(position) : définit la position du curseur de l'utilisateur dans le document actif. Si la position se trouve dans un onglet inactif, l'onglet actif de l'utilisateur bascule également vers l'onglet associé à cette position.
  • Document.setSelection(range) : définit la plage de sélection de l'utilisateur dans le document actif. Si la plage se trouve dans un onglet inactif, l'onglet actif de l'utilisateur bascule également vers l'onglet associé à cette plage.

Méthodes de sélection d'onglets et cas d'utilisation

Avec l'introduction des onglets, il peut être utile d'obtenir et de définir l'onglet actif de l'utilisateur exécutant le script. Pour ce faire, vous pouvez utiliser les méthodes suivantes:

La "sélection" globale de l'utilisateur est constituée d'une combinaison de l'onglet actif et de la position actuelle du curseur ou de la plage de sélection. Les deux modèles de travail avec une sélection active consistent à modifier explicitement l'onglet actif de l'utilisateur en un onglet spécifique ou à utiliser l'onglet actif de l'utilisateur.

Vous pouvez modifier explicitement l'onglet actif de l'utilisateur à l'aide de Document.setActiveTab(tabId). Vous pouvez également appeler Document.setCursor(position) ou Document.setSelection(range) avec Position ou Range à partir d'un onglet inactif pour réactiver cet onglet.

Si le comportement prévu du script consiste à utiliser l'onglet actif de l'utilisateur sans le modifier, Document.setActiveTab(tabId) n'est pas nécessaire. Les méthodes Document.getCursor() et Document.getSelection() fonctionneront déjà sur l'onglet actif, en fonction de l'onglet à partir duquel l'utilisateur exécute le script.

Notez qu'un document ne permet pas de sélectionner plusieurs onglets, ni plusieurs positions ou plages dans différents onglets. Par conséquent, l'utilisation de Document.setActiveTab(tabId) effacera la position du curseur ou la plage de sélection précédente.

Méthodes de position et de plage pour un onglet spécifique

C'est l'onglet spécifique qui donne du sens aux concepts de sélection de texte de Position et Range. En d'autres termes, une position du curseur ou une plage de sélection n'ont de sens que si le script connaît l'onglet spécifique dans lequel se trouve la position ou la plage.

Pour ce faire, utilisez les méthodes DocumentTab.newPosition(element, offset) et DocumentTab.newRange(), qui construisent une position ou une plage qui cible le DocumentTab spécifique à partir duquel la méthode est appelée. En revanche, Document.newPosition(element, offset) et Document.newRange() créent une position ou une plage qui cible l'onglet actif (ou le premier onglet, si le script n'est pas lié).

Consultez les exemples de blocs de code dans les sections suivantes, qui fournissent des exemples de code pour travailler avec les sélections.

Modèles d'utilisation courants des onglets

Les exemples de code suivants décrivent différentes façons d'interagir avec les onglets.

Lire le contenu des onglets de tous les onglets du document

Le code existant qui effectuait cette opération avant la fonctionnalité d'onglets peut être migré pour prendre en charge les onglets en parcourant l'arborescence des onglets et en appelant des méthodes getter à partir de Tab et DocumentTab au lieu de Document. L'exemple de code partiel suivant montre comment imprimer tout le contenu textuel de chaque onglet d'un document. Ce code de navigation entre les onglets peut être adapté à de nombreux autres cas d'utilisation qui ne se soucient pas de la structure réelle des onglets.

/** Logs all text contents from all tabs in the active document. */
function logAllText() {
  // Generate a list of all the tabs in the document, including any
  // nested child tabs. DocumentApp.openById('abc123456') can also
  // be used instead of DocumentApp.getActiveDocument().
  const doc = DocumentApp.getActiveDocument();
  const allTabs = getAllTabs(doc);

  // Log the content from each tab in the document.
  for (const tab of allTabs) {
    // Get the DocumentTab from the generic Tab object.
    const documentTab = tab.asDocumentTab();
    // Get the body from the given DocumentTab.
    const body = documentTab.getBody();
    // Get the body text and log it to the console.
    console.log(body.getText());
  }
}

/**
 * Returns a flat list of all tabs in the document, in the order
 * they would appear in the UI (i.e. top-down ordering). Includes
 * all child tabs.
 */
function getAllTabs(doc) {
  const allTabs = [];
  // Iterate over all tabs and recursively add any child tabs to
  // generate a flat list of Tabs.
  for (const tab of doc.getTabs()) {
    addCurrentAndChildTabs(tab, allTabs);
  }
  return allTabs;
}

/**
 * Adds the provided tab to the list of all tabs, and recurses
 * through and adds all child tabs.
 */
function addCurrentAndChildTabs(tab, allTabs) {
  allTabs.push(tab);
  for (const childTab of tab.getChildTabs()) {
    addCurrentAndChildTabs(childTab, allTabs);
  }
}

Lire le contenu de l'onglet du premier onglet du document

Cela revient à lire tous les onglets.

/** 
 * Logs all text contents from the first tab in the active 
 * document. 
 */
function logAllText() {
  // Generate a list of all the tabs in the document, including any
  // nested child tabs.
  const doc = DocumentApp.getActiveDocument();
  const allTabs = getAllTabs(doc);

  // Log the content from the first tab in the document.
  const firstTab = allTabs[0];
  // Get the DocumentTab from the generic Tab object.
  const documentTab = firstTab.asDocumentTab();
  // Get the body from the DocumentTab.
  const body = documentTab.getBody();
  // Get the body text and log it to the console.
  console.log(body.getText());
}

Mettre à jour le contenu de l'onglet dans le premier onglet

L'exemple de code partiel suivant montre comment cibler un onglet spécifique lors de la mise à jour.

/** Inserts text into the first tab of the active document. */
function insertTextInFirstTab() {
  // Get the first tab's body.
  const doc = DocumentApp.getActiveDocument();
  const firstTab = doc.getTabs()[0];
  const firstDocumentTab = firstTab.asDocumentTab();
  const firstTabBody = firstDocumentTab.getBody();

  // Append a paragraph and a page break to the first tab's body
  // section.
  firstTabBody.appendParagraph("A paragraph.");
  firstTabBody.appendPageBreak();
}

Mettre à jour le contenu de l'onglet actif ou sélectionné

L'exemple de code partiel suivant montre comment cibler l'onglet actif lors de la mise à jour.

/**
 * Inserts text into the active/selected tab of the active
 * document.
 */
function insertTextInActiveTab() {
  // Get the active/selected tab's body.
  const doc = DocumentApp.getActiveDocument();
  const activeTab = doc.getActiveTab();
  const activeDocumentTab = activeTab.asDocumentTab();
  const activeTabBody = activeDocumentTab.getBody();

  // Append a paragraph and a page break to the active tab's body
  // section.
  activeTabBody.appendParagraph("A paragraph.");
  activeTabBody.appendPageBreak();
}

Définir une position du curseur ou une plage de sélection dans l'onglet actif

L'exemple de code partiel suivant montre comment mettre à jour la position du curseur ou la plage de sélection dans l'onglet actif de l'utilisateur. Cette option n'est pertinente que dans les scripts liés.

/**
 * Changes the user's selection to select all tables within the tab
 * with the provided ID.
 */
function selectAllTables(tabId) {
  const doc = DocumentApp.getActiveDocument();
  const tab = doc.getTab(tabId);
  const documentTab = tab.asDocumentTab();

  // Build a range that encompasses all tables within the specified
  // tab.
  const rangeBuilder = documentTab.newRange();
  const tables = documentTab.getBody().getTables();
  for (let i = 0; i < tables.length; i++) {
    rangeBuilder.addElement(tables[i]);
  }
  // Set the document's selection to the tables within the specified
  // tab. Note that this actually switches the user's active tab as
  // well.
  doc.setSelection(rangeBuilder.build());
}

Définir l'onglet actif ou sélectionné

L'exemple de code partiel suivant montre comment modifier l'onglet actif de l'utilisateur. Cette option n'est pertinente que dans les scripts liés.

/**
 * Changes the user's selected tab to the tab immediately following
 * the currently selected one. Handles child tabs.
 *
 * 
Only changes the selection if there is a tab following the
 * currently selected one.
 */
function selectNextTab() {
  const doc = DocumentApp.getActiveDocument();
  const allTabs = getAllTabs(doc);
  const activeTab = doc.getActiveTab();

  // Find the index of the currently active tab.
  let activeTabIndex = -1;
  for (let i = 0; i < allTabs.length; i++) {
    if (allTabs[i].getId() === activeTab.getId()) {
      activeTabIndex = i;
    }
  }

  // Update the user's selected tab if there is a valid next tab.
  const nextTabIndex = activeTabIndex + 1;
  if (nextTabIndex < allTabs.length) {
    doc.setActiveTab(allTabs[nextTabIndex].getId());
  }
}