Aide sur le fonctionnement de l’éditeur

Comment fonctionne l’éditeur

Pour faciliter la prise en main de l’éditeur, j’ai regroupé ici toutes les fonctionnalités disponibles. Toutes ces fonctionnalités sont des raccourcis pour rendre plus facile l’édition d’article. Cependant ceux qui préfèrent insérer les balises à la main, qu’à cela ne tienne. Pour les autres, les boutons présentés ci-contre permettent de gagner du temps et d’éviter les erreurs.

Voici tel que l’on peut voir l’éditeur de texte lorsqu’on clique sur « ajouter une nouvelle fiche ».

icon-editeur-texte3

Titre H2

icon-h2Le titre par défaut de l’article est un heading <h1>. C’est pourquoi je vous propose d’ajouter des headings <h2> dans le corps de votre article pour séparer les paragraphes.

Mise en gras

icon-grasUn bouton utile pour mettre en gras les mots que l’on souhaite mettre en relief dans le rédactionnel de votre contenu.

Italique

icon-italiqueFonction simple pour mettre en italique un mot ou une expression dans le corps de l’article.

Barré

icon-barreVous pouvez choisir de barrer un texte avec ce bouton. Un mot ou une succession de mots peuvent ainsi être barrés.

UL

icon-ulSi vous aimez les listes, ce bouton reprend la fonction de code <ul> pour encadrer un liste d’éléments dans votre article.

LI

icon-liAjout d’une ligne supplémentaire. Pour poursuivre l’insrtion d’une liste, après avoir insérer la balise <ul>, il vous faudra ajouter autant de balises <il> que de lignes sur votre liste.

Lien

icon-lienLe plus utile je présume, ce bouton-là permet d’ajouter un lien vers une page de destination. Vous pouvez ajouter un tag <a href="">...</a> vous même, mais pour plus de facilité vous pouvez utiliser le bouton.

Citation

icon-citationAjoutez une citation pour accompagner l’article est un plus pour casser la monotonie visuelle d’un bloc de texte. Ce bouton permet donc d’insérer une citation à l’endroit où se trouve le curseur.

Code avec caractères spéciaux

icon-code-specialPermet d’encoder au format texte les entités html ou caractères spéciaux pour ne pas être interprétés dans l’affichage. Par exemple si vous voulez que le signe > soit affiché et non interprété, ce bouton le convertit en &gt;

Bloc de code

icon-code-blocSi vous souhaitez insérer du code, des balises et qu’elles soient affichées différemment du reste du contenu, vous pouvez utiliser ce bouton. Cela rajoute un fond grisé pour tout ce qui se trouve entre les balises <code>...</code> qu’ajoute le bouton.

Nettoyage de code

icon-nettoyageSi vous copier-coller le code à partir d’une source inadaptée, comme à partir d’un fichier Word par exemple, certains éléments vont s’incorporer dans le code sans véritable utilité. Ce bouton permet de retirer toutes les balises du code.

Aperçu

Icons-apercuPour voir un aperçu (preview) de votre article tel qu’il sera affiché après validation, cliquez sur ce bouton. L’aperçu s’affiche alors sous l’éditeur. Il est d’ailleurs conseillé d’afficher un aperçu avant de soumettre l’article.