Fonctions de table dans TinyMCE

La version 4 de TinyMCE utilise des menus et des sélections de menus pour créer et modifier des tableaux.

Tableau 1. TinyMCE version 4

Élément d'interface utilisateur	Action
Figure 1. Menu Table	Cliquez sur l’icône de table ( ) pour accéder au menu de table TinyMCE version 4. Utilisez le menu de la 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 la ligne et de la colonne Diviser et fusionner des cellules
Figure 2. Grille d’insertion de table	Pour insérer un tableau dans le champ HTML, cliquez sur 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. Cliquez sur le dernier carré en surbrillance pour insérer le tableau. Une fois que vous avez inséré le tableau, vous pouvez modifier sa taille en cliquant sur les poignées situées sur les bords du tableau et en les faisant glisser.
Figure 3. Propriétés de table	Dans le menu Table, cliquez sur Propriétés de la table pour ouvrir la boîte de dialogue Propriétés de la table. Dans cette zone, 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 tableau Sélectionner la couleur de la bordure Sélectionner la couleur d’arrière-plan
Figure 4. Propriétés de la cellule	Avec le curseur dans la cellule de tableau souhaitée, ouvrez le menu du tableau et cliquez sur Propriétés de la cellule. Dans cette zone, vous pouvez définir les propriétés suivantes pour les cellules de tableau. Onglet Général : Largeur et hauteur Type et périmètre Alignement horizontal et vertical Onglet Avancé Configurer le style de cellule Sélectionner la couleur de la bordure Sélectionner la couleur d’arrière-plan
Figure 5. Propriétés de la ligne	Avec le curseur dans une cellule de tableau de la ligne souhaitée, ouvrez le menu du tableau et cliquez sur Propriétés de la ligne. Dans cette zone, vous pouvez définir les propriétés suivantes pour les lignes. Type de ligne Alignement Hauteur Onglet Avancé Configurer le style de ligne Sélectionner la couleur de la bordure Sélectionner la couleur d’arrière-plan

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