Les outils de JCE

Imprimer

Barre d'outils

JCE propose différents habillages pour la barre d'outils. Chaque groupe possédant sa propres barre d'outils, vous pouvez leur donner des styles différents afin de repérer immédiatement à quel groupe correspond l'identifiant avec lequel vous vous êtes connecté (voir les différents identifiants proposés sur ce site).

Vous pouvez découvrir dans le chapitre suivant la fonction de chaque icône (outils) que vous pouvez ajouter ou retirer d'une barre d'outils (voir Barre d'outils personnalisée d'un groupe)

Habillage classique de l'éditeur
Barre d'outils aspect classique avec les plugins officiels gratuits et adhérent

Habillage de l'éditeur o2k7 Classique
Barre d'outils aspect o2k7 Classique avec plugins Adhérent

Habillage de l'éditeur o2k7 Clair
Barre d'outils aspect o2k7 Clair avec plugins Adhérent

Habillage de l'éditeur o2k7 Foncé
Barre d'outils aspect o2k7 Foncé avec plugins Adhérent

Description succinte des outils.
Pour plus de description, consultez les chapitres suivants.

Aide Afficher une fenêtre popup contenant l'aide principal.
Chaque outils ayant accès au gestionnaire de fichiers possède sa propre aide.
Effacer le       contenu Page vide / Effacer tout le contenu de la page
Annuler Annuler la (les) dernière (s) opération (s)
Rétablir Rétablir la (les) dernière (s) opération (s) annulée (s)
Rétablir Couper - Raccourci clavier : Ctrl + x
copy Copier - Raccourci clavier : Ctrl + c
paste Coller - Raccourci clavier : Ctrl + v - Ouvre une fenêtre popup pour coller du texte
Voir la fenêtre... (identique aux deux fonctions suivantes)
pasteword Ouvre une fenêtre popup pour coller un texte copié dans Word et nettoyer le code prioritaire (Ctrl + v dans la fenêtre popup)
Cette fonction est devenue inutile car identique à la suivante...
pastetext
Ouvre une fenêtre popup pour coller du texte en préservant les sauts de ligne (Ctrl + v dans la fenêtre popup)
La fonction à utiliser pour coller du texte en s'assurant de nettoyer tous les styles
bold Mettre le texte sélectionné en gras - Ajoute la balise ‹strong›...‹?strong›
italic Mettre le texte sélectionné en italique - Ajoute la balise ‹em›...‹?em›
underline Mettre le texte sélectionné en souligné - Ajoute la balise ‹u›...‹?u›
strikethrough Mettre le texte sélectionné en barré - Ajoute la balise ‹strike›...‹?strike›
justifyleft Aligner le contenu d'un bloc à gauche
Ajoute la balise ‹div›...‹?div› si le texte n'est pas entre des balises auxquels il est possible d'attribuer un alignement
justifycenter Aligner le contenu d'un bloc au centre
Ajoute la balise ‹div›...‹?div› si le texte n'est pas entre des balises auxquels il est possible d'attribuer un alignement
justifyright Aligner le contenu d'un bloc à droite
Ajoute la balise ‹div›...‹?div› si le texte n'est pas entre des balises auxquels il est possible d'attribuer un alignement
justifyfull Justifier le contenu d'un bloc (ne se voit que si le texte contient plusieurs lignes)
Ajoute la balise ‹div›...‹?div› si le texte n'est pas entre des balises auxquels il est possible d'attribuer un alignement
bullist
  • Liste à puces - Premier niveau
    • Liste à puces - Deuxième niveau
      • Liste à puces - Troisième niveau
numlist
  1. Liste numérotée - Premier niveau
  2. Liste numérotée - Deuxième ligne
  3. Etc.
outdent Réduire l'indentation (le retrait) d'un bloc de contenu
indent Augmenter l'indentation (le retrait) d'un bloc de contenu
Exposant
Transforme le texte sélectionné en Exposant - Exemple :  exposant
Indice
Transforme le texte sélectionné en Indice - Exemple : indice
charmap Insérer un caractère spécial : €, £, ¥, ©, ®, ™, «, », ?, ?, etc.
nonbreaking Insérer un espace insécable (sans coupure) - permet d'éviter la coupur entre un mot et une ponctuation ou signe particulier tel le ?, !, », etc.
visualchars Afficher les espaces insécables par un point en hauteur .
hr Insérer un séparateur horizontal
search Rechercher un mot / une lettre dans le contenu
replace Rechercher un mot / une lettre dans le contenu et le remplacer
spellchecker Vérificateur orthographique
Attention, pour le français, « Languages French=fr » dans la gestion du Plugin!
Sélection de style CSS Appliquer le style d'une feuille css du template - Voir un exemple...
Pour afficher une feuille personnalisée dans la liste déroulante, voir configuration de JCE...
formatSélection du format du bloc de texte

Appliquer un format conventionnel

Ajoute une balise HTML
policesSélection de la police de caractère

Appliquer une police d'écriture

Ajoute une balise span
tailleSélection de la taille de caractère

Appliquer une taille au texte - Les tailles se définissent dans la gestion du groupe concerné

Ajoute une balise span
forecolor.gif Appliquer une couleur au texte sélectionné.
Peut ouvrir une fenêtre d'outils pour permettre plus de choix - Voir la fenêtre...
backcolor.gif Appliquer une couleur de fond à la zone sélectionnée - Fenêtre d'outils identique à la précédente
removeformat.gif Supprime les styles appliqués de la zone sélectionnée.
Attention, ne supprime pas les styles XHTML
style.gif Appliquer un style XHTML - Ouvre une fenêtre popup pour appliquer les styles souhaités - Voir la fenêtre...
Ce style "absolu" s'intègre dans la balise de l'objet (p, div, ul, li, strong, em, etc.) - A utiliser pour les newsletter !
citation.gif Style Citation - L'aspect dépend du template - Ouvre une fenêtre d'outils...
abrev.gif Style Abréviation - L'aspect dépend du template - Ouvre une fenêtre d'outils...
acronym.gif Style Acronyme - L'aspect dépend du template - Ouvre une fenêtre d'outils...
style_barre.gif Style Barré - L'aspect dépend du template - Ouvre une fenêtre d'outils...
style_souligne.gif Style Souligné - L'aspect dépend du template - Ouvre une fenêtre d'outils...
left.gif Texte de gauche à droite
right.gif Texte de droite à gauche
visualaid.gif Afficher les lignes invisibles des tableaux
table.gif Insérer un nouveau tableau, modifier le tableau sélectionné - Ouvre une fenêtre d'outils...
line.gif Propriétés de la ligne sélectionnée du tableau - Ouvre une fenêtre d'outils...
cel.gif Propriétés de la cellule sélectionnée du tableau - Ouvre une fenêtre d'outils...
table_insert_row_before.gif Ajouter une ligne au tableau avant la ligne courante
table_insert_row_after.gif Ajouter une ligne au tableau après la ligne courante
table_delete_row.gif Supprimer la ligne courante
table_insert_col_before.gif Ajouter une colonne au tableau avant la colonne courante
table_insert_col_after.gif Ajouter une colonne au tableau après la colonne courante
table_delete_col.gif Supprimer la colonne courante
cel_divise.gif Diviser des cellules fusionnées (uniquement)
cel_one.gif Fusionner des cellules - Ouvre une fenêtre d'outils...
table_delete.gif Effacer le tableau sélectionné
anchor.gif Insérer une ancre (lien dans la page) - Ouvre une fenêtre d'outils...
link.gif Insérer / modifier un lien basique - Ouvre une fenêtre d'outils...
Lien avancé Insérer / modifier un lien, avec possibilité de pop-up classique ou Web2 (librairie JCE Media Box ou JCE Utilities)
Ouvre une fenêtre d'outils...  -  En savoir plus...
unlink.gif Effacer l'hyperlien sélectionné
link_file.gif Insérer un lien sur un fichier - Plug-in Adhérent - Ouvre une fenêtre d'outils...  -  En savoir plus...
smile.gif Insérer un Emoticône - Ouvre une fenêtre d'outils...
imgmanager Insérer une image, une image réactive, une image en popup ou une bulle d'info (librairie JCE Media Box ou JCE Utilities)
Ouvre une fenêtre d'outils... En savoir plus...
Image Avancé Insérer une image, une image réactive, un popup ou une bulle d'info grâce à des onglets supplémentaires (librairie JCE Media Box ou JCE Utilities) - Plugin Adhérent - Ouvre une fenêtre d'outils... En savoir plus...
caption Insérer une légende d'image - Plugin Adhérent - Ouvre une fenêtre d'outils... En savoir plus...
media.gif Insérer un média - Plugin Adhérent - Ouvre une fenêtre d'outils... En savoir plus...
Attribuer une mise en page ou en forme, préalablement enregistrée - Plugin Adhérent - Ouvre une fenêtre d'outils... - En savoir plus...
Insérer un calque
Mettre le calque au premier plan
Mettre le calque en arrière plan
Attribuer une position absolue au calque
editor_main.gif Afficher l'éditeur en pleine page / Réduire
Edition du code Ouvrir un éditeur dans une fenêtre popup permettant d'afficher le code avec coloration syntaxique - Voir la fenêtre...
previsualisation.gif Prévisualiser le résultat dans une fenêtre indépendante
print.gif Imprimer le contenu
readmore.gif Insérer un lien "Lire la suite..." si affiché dans un Blog, en News, etc.
pagebreak Insérer un saut de page (division d'une page en plusieurs) - Ouvre une fenêtre d'outils...