Utiliser l'éditeur de texte

Fonctions de l'éditeur de texte

Voici un petit topo sur les fonctions de l'éditeur de texte de Jimdo et sur les raccourcis clavier qu'on peut utiliser. Passez avec la souris sur les boutons de l'image ci-dessous, puis cliquez pour des informations complémentaires) :

Editeur de texte interactif
  • Mettre en gras la sélection | CTRL + B
  • Mettre en italique la sélection | CTRL + I
  • Aligner la sélection à gauche
  • Centrer la sélection
  • Aligner à droite la sélection
  • Faire une liste à puces (comme celle-ci !)
  • Faire une liste numérotée
  • Désindenter la sélection : repousse la sélection de 30px vers la gauche
  • Indenter la sélection : repousse la sélection de 30px vers la droite
  • Mettre la sélection en couleur
  • Faire un lien
  • Enlever un lien
  • Coller du texte brut : utile quand on colle du texte depuis Word (détails ici)
  • Enlever le formatage de la sélection : quand on a mis des mots en couleurs, en gras et en italique et qu'on veut annuler ces modifications
  • Défaire la dernière action | CTRL + Z
  • Rétablir la dernière action annulée | CTRL + Y
  • Voir le code-source HTML pour y intervenir manuellement
Flèche vers le haut

Récapitulatif des raccourcis-clavier

Pour gagner du temps, on peut utiliser les raccourcis suivants :

  • CTRL + 1 : faire un titre 1

  • CTRL + 2 : faire un titre 2

  • CTRL + 3 : faire un titre 3

  • CTRL + 4 : faire un titre 4

  • CTRL + 5 : faire un titre 5
  • CTRL + 6 : faire un titre 6
  • CTRL + 7 : faire un paragraphe
  • CTRL + u : souligner la sélection
  • CTRL + b : mettre en gras
  • CTRL + i : mettre en italique
  • CTRL + z : annuler la dernière action
  • CTRL + y : rétablir la dernière action annulée
Flèche vers le haut

Mettre en gras

Pour mettre en gras du texte, deux méthodes :

  1. On sélectionne le texte et on appuie sur le bouton B de l'éditeur.
  2. On sélectionne le texte et on utilise ce raccourci clavier : CTRL + B.
Flèche vers le haut

Mettre en italique

Pour mettre en italique du texte, deux méthodes :

  1. On sélectionne le texte et on appuie sur le bouton I de l'éditeur.
  2. On sélectionne le texte et on utilise ce raccourci clavier : CTRL + I.
Flèche vers le haut

Souligner du texte

Pour souligner du texte, une méthode ultra simple :

  1. On sélectionne le texte.
  2. On utilise ce raccourci clavier de l'éditeur : CTRL + U.
Flèche vers le haut

Surligner du texte

Voici comment surligner du texte en rusant un peu :

  1. On sélectionne le mot à surligner.
  2. On clique sur le bouton qui permet de colorer du texte, on choisit la couleur qu'on aimerait utiliser pour le surlignage et on l'applique.
  3. On clique sur le bouton HTML.
  4. Dans la fenêtre qui s'ouvre, on repère le mot qu'on a colorisé, car il est encadré par ces balises :
    <span style="color: #ffff00;">truc surligné</span>
  5. On ajoute le préfixe background- devant le mot color comme ceci :
    <span style="background-color: #ffff00;">truc surligné</span>
  6. On clique sur le bouton Mettre à jour pour appliquer le changement dans l'éditeur.
Flèche vers le haut

Barrer du texte

Voici comment barrer rayer du texte :

  1. On appuie sur le bouton HTML de l'éditeur
  2. Dans la fenêtre qui s'ouvre, on repère le mot à barrer et l'encadre avec ces balises :
    <strike>truc à barrer</strike>
  3. On clique sur le bouton Mettre à jour pour appliquer le changement dans l'éditeur.
Flèche vers le haut

Copier-coller du texte proprement depuis Word

Quand on copie-colle dans l'éditeur de Jimdo du texte qu'on a d'abord saisi dans Word, on se retrouve en visuel avec un résultat identique. Un coup d'oeil au code-source de la page a cependant de quoi faire frémir : Word ajoute en effet des "parasites" cachés qui en pourrissant le code, alourdissent la page et ralentissent, à terme, son chargement. En voici un exemple trouvé sur le site d'Esther Blanco, croisé par hasard :

Screenshot : site web d'Esther Blanco
A vue d'oeil, la page est normale

Voici maintenant le code-source qui correspond au texte capturé sur l'image ci-dessus :

<h1>Wellcome to my home page</h1></div><div class="n"><div id="lipsum"><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:PunctuationKerning />
  <w:ValidateAgainstSchemas />
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:Compatibility>
   <w:BreakWrappedTables />
   <w:SnapToGridInCell />
   <w:WrapTextWithPunct />
   <w:UseAsianBreakRules />
   <w:DontGrowAutofit />
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:LatentStyles DefLockedState="false" LatentStyleCount="156">
 </w:LatentStyles>
</xml><![endif]-->
<!--[if gte mso 10]>
<mce:style><!
 /* Style Definitions */
 table.MsoNormalTable
        {mso-style-name:"Tabla normal";
        mso-tstyle-rowband-size:0;
        mso-tstyle-colband-size:0;
        mso-style-noshow:yes;
        mso-style-parent:"";
        mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
        mso-para-margin:0cm;
        mso-para-margin-bottom:.0001pt;
        mso-pagination:widow-orphan;
        font-size:10.0pt;
        font-family:"Times New Roman";
        mso-ansi-language:#0400;
        mso-fareast-language:#0400;
        mso-bidi-language:#0400;}
 ></mce:style>
<mce:style mce_bogus="1"><!
 /* Style Definitions */
 table.MsoNormalTable
        {mso-style-name:"Tabla normal";
        mso-tstyle-rowband-size:0;
        mso-tstyle-colband-size:0;
        mso-style-noshow:yes;
        mso-style-parent:"";
        mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
        mso-para-margin:0cm;
        mso-para-margin-bottom:.0001pt;
        mso-pagination:widow-orphan;
        font-size:10.0pt;
        font-family:"Times New Roman";
        mso-ansi-language:#0400;
        mso-fareast-language:#0400;
        mso-bidi-language:#0400;}
 ></mce:style>
<style mce_bogus="1" mce_bogus="1"> /* Style Definitions */
 table.MsoNormalTable
        {mso-style-name:"Tabla normal";
        mso-tstyle-rowband-size:0;
        mso-tstyle-colband-size:0;
        mso-style-noshow:yes;
        mso-style-parent:"";
        mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
        mso-para-margin:0cm;
        mso-para-margin-bottom:.0001pt;
        mso-pagination:widow-orphan;
        font-size:10.0pt;
        font-family:"Times New Roman";
        mso-ansi-language:#0400;
        mso-fareast-language:#0400;
        mso-bidi-language:#0400;}</style>
<![endif]-->
<p>I have a multidisciplinary background focused on the management of social-ecological systems. I recently became PhD in Economics (20/03/2009), focusing my dissertation on how institutional changes affect the incentives of behavior of recreational users of natural common-pool resources. My formal training in economics is complemented by a Bachelor in Environmental Sciences, a Postgraduate in Environmental Education and Globalization and a Msc in Tourism and Environmental Economics.</p>
<p>&nbsp;</p>
 

Je pense que l'exemple parle de lui-même ! Le texte a été copié depuis Word et collé directement dans les pages du site : du coup, le cryptage caché de Word y est resté inscrit en filigrane. Comment l'éviter ? Au lieu de coller directement le texte depuis Word dans l'éditeur de texte, il faut d'abord cliquer sur ce bouton :

Screenshot : le bouton de l'éditeur pour coller du texte brut

Dans la fenêtre qui s'ouvre en popup, on colle (CTRL + V) le texte, puis on clique sur Insérer. Cela assainit le texte en le débarrassant du parasitage masqué de Word.

Vos commentaires

Écrire commentaire

Commentaires : 6
  • #1

    ariasante (vendredi, 15 mai 2009 16:16)

    Encore merci Isabelle pour ce merveilleux site. J'ai trouvé la réponse à ma question. Il ne me reste plus qu'à continuer l'exploration de jimdo.. et à faire du graphisme (un peu mieux que ce que j'ai fait)

    Cordialement

    Marc

  • #2

    54 Le site (mardi, 29 juin 2010 09:38)

    Vive le WESIWYG !

  • #3

    Les extraterrestres au cinéma (samedi, 25 juin 2011 20:22)

    Merci pour les raccourcis. Ça ne peut qu'aider.

  • #4

    veg77 (jeudi, 08 décembre 2011 20:24)

    Et comment peut on utiliser plusieurs corps de police différents dans le même texte ?
    Merci !

  • #5

    assistance-secretaire (jeudi, 14 juin 2012 14:53)

    Merci beaucoup c'est génial!!!

  • #6

    crespin (mardi, 26 mars 2013 13:30)

    Bonjour à tous,
    je me présente,je m'appelle Régine,et je viens tous juste de m'inscrire pour me faire une boutique en ligne,je trouve toutes ces informations super instructive sur ce site,par avance merci beaucoup.
    Amicalement Régine

Ruban