Blog d'aide du CAF IdF

Éditeur de texte intégré

 

De nombreuses pages du site permettent la saisie et la mise en forme de texte grâce au module TinyMCE :

Les organisateurs l'utilisent pour créer leurs sorties, les responsables pour mettre à jour la documentation...

La plupart des commandes sont présentées dans le menu supérieur, mais pas toutes. Certains raccourcis clavier, mais pas tous, sont affichés en grisé à droite de l'item correspondant.
Voici quelques astuces pour faciliter et améliorer vos saisies !

Retour à la ligne

Par défaut, quand vous pressez Entrée, un changement de paragraphe est inséré, ce qui crée un espacement vertical.
Pour l'éviter, pressez Maj+Entrée.

Maj+Entrée peut aussi vous servir à :

  • revenir à la ligne à l'intérieur d'un item de liste (sans changer d'item, donc par exemple sans ajouter de puce dans une liste à puces),
  • ajouter un espacement vertical sous un item de liste qui n'est pas automatiquement espacé.

Raccourcis clavier

Les plus utiles sont assez standard : Ctrl-b pour mettre en gras (bold en anglais), Ctrl-i en italique...

Vous trouverez davantage de raccourcis sur le site de l'éditeur, par exemple pour les niveaux de titres.

Format

Des formatages plus rares comme l'exposant ne sont accessibles que par le menu Format.

Image

Comme ailleurs sur le site, les seules images acceptées en Source sont celles présentes non sur votre disque dur mais sur internet, donc d'adresse (URL) http ou https://-------.jpg.

Comment utiliser des images de l'album photo du club

Comment obtenir l'URL d'une image trouvée sur le web ?

Comme pour les images de l'album photo du club, il suffit de cliquer droit avec la souris et de choisir "Copier l'adresse de l'image", puis de copier cette adresse dans le champ Source.

Attention, si vous cherchez une image par Google, il est préférable de cliquer jusqu'à arriver sur le site où se trouve l'image, plutôt que de copier l'adresse de l'image stockée par Google sous une forme parfois temporaire ou incompréhensible.
Exemple d'adresse non valide : https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT2TabrbJmHErS21cvq9qbxL0_8cvqlt8CIIKktY5DJ9b_jlZMR

Dans tous les cas, vérifiez que l'adresse (URL) se termine par .jpg ou .jpeg.
La même image que ci-dessus mais valide (obtenue après avoir cliqué sur l'image pour l'afficher) : https://d2mge5j00n6xlz.cloudfront.net/uploads/Theatres/Princess%20of%20Wales%20Theatre/pow2.jpg

Ne copiez pas l'URL d'une image codée en base 64 : plusieurs lignes de code incompréhensible commençant ainsi : data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxITEhUTEhMVFRUVGBgXGBcYFxgVGBcWGhYaFxUYGBUYHSggGBo...etc...etc.

Comment centrer une image ?

En sélectionnant l'image seule, le centrage ne marche pas. Il faut :

  1. taper une espace,
  2. insérer une image,
  3. sélectionner l'espace et l'image,
  4. cliquer le bouton Centrer !

Copier/coller

Le copier/coller évite des ressaisies fastidieuses. Pour copier non le texte brut mais le texte formaté avec tous ses liens, images etc., deux possibilités :

  1. Glisser/déplacer à la souris :

    Pressez le bouton [gauche] de votre souris. Sélectionnez avec votre souris la zone que vous voulez copier. Déplacez votre souris jusqu'à l'endroit où vous voulez coller. Relâchez le bouton de votre souris.
  2. Ctrl-c / Ctrl-v :

    Les touches habituelles fonctionnent, mais vous devez au préalable décocher Coller comme texte dans le menu Éditer.

NB : Il est possible de coller sur une page différente ! Pour glisser/déplacer, ouvrez simplement la page de destination dans une autre fenêtre.

Déplacer

Sur les pages de documentation et de groupes de travail, pour déplacer une rubrique, un article ou une pièce jointe, glissez/déplacez en cliquant sur l'icône https://www.clubalpin-idf.com/img/move.png correspondante.

Ancres et liens

Une ancre est une balise que l'on peut placer à un certain endroit pour ensuite pointer vers elle.
Une ancre permet des renvois internes (par des liens internes à la page) ou externes (à partir d'autres pages). Grâce à des ancres, vous pouvez aussi créer une table des matières.

  • Pour insérer une ancre à un endroit précis :

    Positionnez le curseur au début de la ligne souhaitée, le cas échéant avant le titre visé. Cliquez Insérer/Ancre. Saisissez le nom de votre ancre.
  • Pour modifier une ancre :

    Cliquez sur l'ancre puis sur Insérer/Ancre pour afficher le nom actuel de l'ancre et pouvoir le modifier.
  • Pour pointer vers une ancre :

    Cliquez l'icône lien ou Insérer/Lien dans le menu. Saisissez le nom de votre ancre précédé du signe #. Une fenêtre vous demande alors "L'URL que vous avez entrée semble être un lien externe. Voulez-vous ajouter le préfixe http:// nécessaire?". Répondez Annuler, et votre lien sera correctement inséré !
  • Pour modifier un lien :

    Cliquez sur le lien puis sur l'icône lien pour afficher l'adresse actuelle du lien et pouvoir la modifier.

Sur les pages de documentation et de groupes de travail, des ancres sont automatiquement ajoutées à chaque rubrique et chapitre.
En haut à gauche de la page, une table des matières est automatiquement créée avec les rubriques, mais pas les chapitres.

  • Pour pointer vers une rubrique ou un article

    À droite de chaque titre figure une icône permalien. Cliquez droit dessus, choissez Copier l'adresse du lien. (Alternativement, cliquez gauche pour afficher ce lien dans la barre d'adresse de votre navigateur.)
    Créez un lien en y collant cette adresse. Si votre lien est sur la même page, vous pouvez effacer ce qui précède le signe #.

Pièce jointe

Pour faire référence à un document tel qu'un pdf, il faut qu'il soit déjà en ligne. S'il ne l'est pas, vous pouvez le charger en pièce jointe, mais seulement sur les pages de documentation et de groupes de travail, uniquement dans un article et non dans une rubrique.

Après chargement de cette pièce jointe, pour obtenir son adresse, vous devez cliquer sur son icône permalien ou bien cliquer droit et choisir Copier l'adresse du lien.
Vous pouvez alors utiliser cette adresse comme cible d'un lien.
Si vous voulez signaler que ce lien pointe vers un pdf, vous pouvez insérer l'icône pdf avant le lien, comme le fait automatiquement le chargement d'un pdf en pièce jointe.

Chercher/remplacer

Si votre curseur est dans une boîte de saisie, Ctrl-f lance la recherche TinyMCE sur le contenu de cette boîte, et non la recherche de votre navigateur sur toute la page.

Ce module de recherche permet aussi de remplacer les occurrences trouvées. Il est également accessible par le menu Éditer.

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.

Fil des commentaires de ce billet