Cet article vous permettra de bien utiliser votre éditeur WYSIWYG sur Joomla! 2.5 et de vous familiariser avec toutes ses fonctionnalités.

Mise en forme simple de texte :

Ces cinq icônes fonctionnent de la même manière : sélectionnez la partie de texte souhaité puis cliquez sur la mise en forme voulue. Si vous cliquez directement sur l’icône (sans sélection préalable), le texte que vous saisirez ensuite sera automatiquement mit en forme, et il vous suffira de cliquer une seconde fois sur l’icône pour revenir à une mise en forme simple de texte.

  • Mise en forme : grasGras : une mise en forme grasse permet un affichage plus marqué des mots ou éléments importants de votre texte. Exemple : « Un WYSIWYG est une interface utilisateur qui permet…« .
  • Mise en forme : italiqueItalique : un texte en italique permet généralement d’indiquer qu’il s’agit d’une citation, d’un texte tirée d’une autre source, d’une remarque etc.
  • Mise en forme : soulignéSouligné : un texte souligné permet lui aussi de mettre en avant certains mots importants, ou de faire par exemple ressortir des titres.
  • Mise en forme : barréBarré :  un texte barré peut par exemple indiqué un changement : « La dernière version stable est Joomla! 2.5 Joomla! 3.0″
  • Style de texteStyle de texte : Dans cette liste, il vous est possible de déterminer une hiérarchie à votre texte par différents niveaux de titres, ou tout simplement en paragraphe etc.
  • Indentation du texte

    • Liste à puceListe non ordonnée : cette icône vous permet de créer une liste d’éléments non ordonnée (ou liste à puce). Vous pouvez également choisir différents types de puce.

     

    • Liste numérotéeListe ordonnée : cette icône vous permet de créer une liste d’éléments ordonnée (ou liste numérotée). Vous pouvez également choisir différents types de valeurs.
    • DésindenterDésindenter : cette icône permet un retrait de l’indentation du texte.
    • IndenterIndenter :  cette icône permet une augmentation de l’indentation du texte, et donc de créer des sous-catégories de liste au sein d’une même liste.

Alignement du texte

Ces icônes fonctionnent de la même manière que celles de la mise en forme simple de texte : vous pouvez soit sélectionner le texte et ensuite le placer en cliquant sur l’icône correspondante, ou d’abord cliquer sur l’icône et ensuite rédiger votre texte qui sera automatiquement placé.

  • Alignement à gaucheAlignement à gauche : l’alignement à gauche est le plus couramment utilisé
  • Alignement centréAlignement centré : l’alignement centré est vivement déconseillé lors de la création de site web.
  • Alignement à droiteAlignement à droite : l’alignement à droite est peu utilisé dans les langues occidentales.
  • Justifier le texteJustifier le texte : justifier le texte permet d’aligner à la fois à gauche et à droite de la zone de texte.
  • Alignement du texte de gauche à droiteDe gauche à droite : cette icône vous permet d’aligner le texte de gauche à droite
  • Alignement de droite à gaucheDe droite à gauche : cette icône vous permet d’aligner le texte de droite à gauche (utilisée pour d’autres langues par exemple).

Lien hypertexte

  • Insertion lienInsérer un lien : pour insérer un lien, sélectionnez le texte voulu, et cliquez sur cette icône.
  • Briser un lienBriser un lien :  vous pouvez aussi briser un lien créé. Sélectionnez le lien en entier, et cliquez sur cette icône.
  • Insertion d'une ancreInsérer une ancre : une ancre est un lien hypertexte au sein d’une même page qui vous permet, par exemple, de remonter en haut de page. Pour créer une ancre, sélectionnez le texte correspondant puis cliquez sur l’icône, ou cliquez simplement sur l’icône.

Insertion caractère mise en page Vous pouvez aussi cliquer sur cette icône pour afficher tous les caractères de mise en page de votre article.

Insertion de caractère spécial

  • Insertion caractère particulierCaractère particulier : cette icône vous permet d’insérer un caractère particulier. Par exemple : ¼, ©, ∑, etc.
  • Insertion exposantExposant : cette icône permet d’ajouter un exposant à un mot en sélectionnant la portion de texte à mettre en exposant. Par exemple : 1er, 23ème, m² etc.
  • Insertion indiceIndice : cette icône permet d’ajouter un indice à un mot en sélectionnant la portion de texte à mettre en indice. Vous pouvez par exemple mettre des notes sur des mots, qui seront expliqués ultérieurement : Un éditeur WYSIWYG1

Suppression de la mise en forme

Suppression de la mise en formeCette icône permet une suppression complète de toute mise en forme simple de texte (police, couleur et taille de la police, écriture grasse, soulignée…) mais aussi tout alignement de la zone de texte sélectionnée.

Passage en écriture HTML

Lecture de texte HTMLCette icône vous permet d’ouvrir une fenêtre pop-in qui vous affichera le contenu de votre article en HTML, et ainsi procéder à certaines modifications directement « à la main ». Attention cependant ! Si vous n’avez pas une connaissance assez précise de cette écriture, l’utilisation de cette icône est fortement déconseillée.

Insertions

Texte

  • Insertion texte simpleA partir d’un texte simple : Cette icône de coller un texte simple et efface toute mise en forme.
  • Insertion texte WordA partir d’un texte Word : Cette icône vous permet de coller du texte précédemment copié d’un texte Word tout en supprimant toute mise en forme de ce même texte et évite toute incompatibilité HTML de la page.
  • CouperCouper : Cette icône vous permet de couper la partie de texte sélectionnée.
  • copierCopier : Cette icône vous permet de copier la partie de texte sélectionnée.
  • collerColler : Cette icône vous permet de coller la partie de texte précédemment copiée ou coupée.
  • Tout sélectionnerTout sélectionner : Cette icône vous permet de sélectionner l’intégralité de votre texte.

Balises

  • Insertion balise soulignementBalise de soulignement : Cette icône vous permet d’ajouter une balise de soulignement à votre texte.
  • Insertion balise barrée Balise de barré : Cette icône vous permet d’ajouter une balise de barré à votre texte.
  • Nettoyer, fermer baliseNettoyer/fermer une balise : Cette icône vous permet de nettoyer ou de fermer une balise.
  • Insertion bloc et baliseBloc et balise : Cette icône vous permet d’insérer un bloc ou une balise à votre article.

Calque

  • Insertion calqueInsertion calque : Cette icône vous permet d’insérer un calque dans votre article.
  • Placer le calque devantPlacement du calque devant : Cette icône vous permet de placer votre calque devant.
  • Placer le calque derrièrePlacement du calque derrière : Cette icône vous permet de placer votre calque derrière.
  • Position absolue  Position absolue : Cette icône vous permet de placer votre calque en position absolue.

Ligne

  • Position absolueInsertion ligne : Cette icône vous permet d’insérer une ligne horizontale dans votre article.
  • Insertion barre horizontaleInsertion barre : Cette icône vous permet d’insérer une barre horizontale dans votre article. Une fenêtre pop-in s’ouvrira pour que vous puissiez modifier les paramètres de cette barre.

 

Tableau

  • Insertion tableauAjouter un tableau : Cette icône vous permet d’ajouter un tableau dans votre zone de texte.
  • Propriétés de la lignePropriété de la ligne : Cette icône vous permet de régler les propriétés des lignes de votre tableau (dimension etc.)
  • Propriétés de la cellulePropriété de la cellule : Cette icône vous permet de régler les propriétés des cellules de votre tableau (dimensions etc.)
  • Insertion ligne avantAjouter une ligne avant : Cette icône vous permet d’ajouter une ligne avant celle sélectionnée dans votre tableau.
  • Insertion ligne aprèsAjouter une ligne après : Cette icône vous permet d’ajouter une ligne après celle sélectionnée dans votre tableau.
  • Suppression de la ligneSupprimer la ligne : Cette icône vous permet de supprimer la ligne sélectionnée dans votre tableau.
  • Insertion colonne avantAjouter une colonne avant : Cette icône vous permet d’ajouter une colonne avant celle sélectionnée dans votre tableau.
  • Insertion colonne aprèsAjouter une colonne après : Cette icône vous permet d’ajouter une colonne après celle sélectionnée dans votre tableau.
  • Suppression de la colonneSupprimer la colonne : Cette icône vous permet de supprimer la colonne sélectionnée dans votre tableau.
  • Scinder les cellules fusionnéesScinder les cellules fusionnées : Cette icône vous permet d’annuler la fusion des cellules sélectionnées dans votre tableau.
  • Fusion des cellulesFusionner les cellules : Cette icône vous permet de faire fusionner les cellules sélectionné.
  • Suppression du tableauSupprimer le tableau :  Cette icône vous permet de supprimer complétement votre tableau.
  • Afficher les cadres et les lignes du tableauAfficher cadres et lignes du tableau : Cette icône vous permet d’afficher les cadres et les lignes du tableau.

Date et heure

  • Insertion dateDate : Cette icône vous permet d’insérer la date du jour dans votre article simplement en cliquant dessus. Par exemple : « Fait le : 2013-01-25. »
  • Insertion heureHeure :  Celle-ci vous permet d’ajouter l’heure à votre article. Exemple : « Fait à : 19 h 34 min 45 s. »

Attributs

Insertion attributsCette icône vous permet d’ajouter ou de modifier certaines propriétés à votre texte sélectionné.

Autres insertions

  • Insertion page prédéfiniePage prédéfinie : Cette icône vous permet d’insérer une page prédéfinie à votre article.
  • Insertion espace insécableEspace insécable : Cette icône vous permet d’insérer un espace insécable dans votre texte.
  • Rechercher/remplacer : Cette icône vous permet de rechercher une zone de texte puis de la remplacer par une autre.

 Correction

  • Annuler dernière actionAnnuler : Cette icône vous permet d’annuler la dernière action effectuée.
  • Rétablir dernière actionRétablir : Si vous avez annulé une action, vous pouvez également la rétablir grâce à cette icône.

Éléments spécifiques

  • Insertion citationCitation : Cette icône vous permet d’insérer une citation à votre texte, et de lui attribuer certaines propriétés.
  • Insertion  bloc de citationBloc de citation : Cette icône permet d’insérer une citation longue à votre texte
  • Insertion abréviationAbréviation : Lorsque vous utilisez des abréviations, cette icône permet d’indiquer de quel mot, ou phrase est tirée cette abréviation.
  • Insertion acronymeAcronyme : Cette icône permet elle aussi d’indiquer de quel mot ou phrase il s’agit lorsque vous utiliserez un acronyme. Par exemple : WYSIWYG. Lorsque vous survolez le mot, sa signification est affichée.

Autres

  • Recherche élémentRecherche : Cette icône ouvre une fenêtre pop-in qui vous permet une recherche plus rapide d’élément sur votre article.
  • Plein écranPlein écran : Cette icône vous permet d’afficher votre article en plein écran de votre ordinateur, et vous permet donc une vue d’ensemble de ce dernier.
  • Aide?Aide : Cliquer sur icône ouvre sur une fenêtre pop-in qui vous apportera des aides supplémentaires qui vous aideront dans votre travail.

Commenter

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

requis