Fonctions de table dans l’éditeur de champ HTML

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 2 minutes de lecture
  • TinyMCE version 6.8. 2 utilise des menus et des sélections de menu pour créer et modifier des tables.

    Tableau 1. TinyMCE version 6.8.2
    Élément d'interface utilisateur Action
    Figure 1. Menu Table
    TinyMCE v6.8. 2 Menu Table
    Sélectionnez l’icône de table ( Table TinyMCE v6.8.3) pour accéder au menu de table TinyMCE version 6.8.3. Utilisez le menu Table pour :
    • Insérer ou supprimer une table
    • Modifier les propriétés de table
    • Ajouter, déplacer ou supprimer des lignes et des colonnes
    • Modifier les propriétés de ligne et de colonne
    • Diviser et fusionner des cellules
    Figure 2. Grille d’insertion de table
    TinyMCE v6.8. 2 Grille d’insertion de table

    Pour insérer un tableau dans le champ HTML, sélectionnez Insérer un tableau et mettez en surbrillance les carrés dans la grille pour représenter le nombre souhaité de lignes et de colonnes. Sélectionnez le dernier carré en surbrillance pour insérer la table.

    Après avoir inséré la table, vous pouvez modifier la taille en sélectionnant et en faisant glisser les poignées sur les bords de la table.

    Figure 3. Sommaire
    TinyMCE v6.8. 2 Table des matières

    Le module d’extension Table des matières génère une table des matières de base et l’insère dans l’éditeur à la position actuelle du curseur. Les entrées de table des matières sont générées à partir d’éléments d’en-tête dans le contenu.

    Figure 4. Propriétés de table
    TinyMCE v6.8. 2 Propriétés de la table
    Dansle menu Tableau, sélectionnez le bouton Propriétés du tableau pour ouvrir la boîte de dialogue Propriétés du tableau. À partir de ce menu, vous pouvez effectuer l’une des actions suivantes :
    • Onglet Général :
      • Définir la largeur et la hauteur de la table
      • Définir l’espacement et le remplissage des cellules
      • Activer les bordures et les légendes
      • Définir l’alignement de la table
    • Onglet Avancé :
      • Configurer le style de table
      • Sélectionner la couleur de la bordure
      • Sélectionner la couleur d’arrière-plan
    Figure 5. Propriétés des cellules
    TinyMCE v6.8. 2 Menu des propriétés de la cellule
    Avec le curseur dans la cellule de tableau souhaitée, ouvrez le menu du tableau et sélectionnez Propriétés de la cellule. Dans ce menu, vous pouvez définir les propriétés suivantes pour les cellules de tableau :
    • Onglet Général :
      • Largeur et hauteur
      • Type et champ d’application
      • Alignement horizontal et vertical
    • Onglet Avancé :
      • Style Cell
      • Couleur d’ordre B
      • Couleur de base B
    Figure 6. Propriétés des lignes
    TinyMCE v6.8. Menu des propriétés de 2 lignes
    Avec le curseur dans une cellule de tableau dans la ligne souhaitée, ouvrez le menu du tableau et sélectionnez Propriétés de la ligne. Dans ce menu, vous pouvez définir les propriétés suivantes pour les lignes :
    • Onglet Général :
      • Type de ligne
      • Alignement
      • Hauteur
    • Onglet Avancé :
      • Stylede flux
      • Couleur d’ordre B
      • Couleur de base B

    Vous pouvez également coller des tableaux dans des champs HTML à partir d’éditeurs basés sur des tableaux.