Document Actions

Guide de FCKeditor

par Philippe Federici last modified 22 Feb 2011 12:18

Apprendre à se servir de l'éditeur en ligne du site : FCKeditor pour Plone

 

 

 

 

 

Introduction  :


Un outil déroutant à prime abord :

    Le site acces dispose d'un éditeur en ligne permettant de rédiger les contenus du site DIRECTEMENT sur le site.
Certes cet outil est moins puissant qu'un traitement de texte bureautique classique "Word" ou "OpenOffice" ou qu'un éditeur html comme DreamWeaver.

Son ergonomie (accès aux commandes) est contraignante quand on a pris ses habitudes avec un traitement de texte classique.

En contrepartie les avantages sont énormes quand on considère dans son ensemble le process de mise en ligne.

Il n'y a pas encore si longtemps ...

    Traditionnellement, les auteurs envoyaient leurs fichiers .doc, .rtf, .odt à l'éditeur. Celui-ci relisait, renvoyait pour correction, puis le transmettait au service PAO ou au service informatique. Polices exotiques non reconnues,  dommages dues aux conversions de format,  mise en page altérée, l'intégration par une personne tierce sur le site web pouvait réserver bien des surprises.

 

L'éditeur en ligne popularisé par les Wikis, Blogs et les CMF ...

    Popularisé par les wikis et les blogs, les éditeurs en lignes sont adoptés aussi dans le cadre professionnel par les environnements CMF (Content Management Framework) comme Plone, et leur version éducation LCMS (système de gestion des contenus pour l’apprentissage).

 

...et recommandé par le Ministère de l'éducation nationale

Sans que cela soit bien sûr FCKeditor ou un autre logiciel en particulier qui soit nommé, le principe de rédiger les contenus en ligne, adossé à un système de workflow (procédure de modération), est présent dans le SDET  :

 extrait du SDET Schéma Directeur des Environnement numériques de Travail V2.0 (nov. 2006) :

Service - Fonctionnalité

Les usagers peuvent générer des versions statiques indépendantes de l’outil au format HTML, et au format XML (avec des schémas et des feuilles XSL publiques) Tout usager dispose d'un outil simple d'édition WYSIWYG en ligne de pages Internet, intégrant des modèles de pages Les gestionnaires de groupes d’usagers peuvent accorder des droits d'accès au niveau groupe ou usager (lecture, modification, suppression, publication, modération), pour chaque page ou partie du site d'une procédure de modération

 

 


 

Liens par référence UID

Les liens créés via FCKeditor avec l'outil link.png ne sont pas des liens classiques relatifs de type ../images/pict03.jpg,  ni même des liens absolus. Ils sont tous construits de la manière suivante:

./resolveUid/f5cb47bc45a137d4c02dc80fdd67e217

Le long code alphanumérique est l'UID, l'identifiant unique de la cible du lien.

Les objets créés dans Plone ont donc :

  • un identifiant "classique" : "guide-de-fckeditor" par exemple pour la page que vous lisez en ce moment même qui apparaît dans la barre d'adresse du navigateur
  • un titre : "Guide de FCKeditor"
  • un identifiant unique : d1c035896d9aa352cbbfc5425117a3cb

Cet identifiant unique est attribué automatiquement à la création dans Plone de l'objet et le suit toute sa "vie", sans jamais changer.

Conséquences : il est maintenant possible de ...

- renommer un objet (document, image, etc...),

- renommer un dossier contenant des objets ciblés par des liens,

- déplacer des objets ciblés par des liens,

... sans que les liens soient brisés !

ATTENTION : Limitation

    • Ceci est valable pour les objets créés après la migration du site ACCES vers Plone 2.1.4 (31/01/07).
      Les liens antérieurs à la migration doivent être réédités avec FCKeditor pour devenir des liens par référence UID.
    • Les liens contenus dans des pages faites avec un éditeur externe puis copiées/collées dans un document Plone ne sont pas évidemment des lien UID.

 

 

Manipulations des images

    • Il est possible de copier/couper/coller,  via le menu contextuel de l'image ou via Ctr + X/C/V, une image déjà insérée dans le document. Les images supportent même le drag & drop.
    • Insérer une image dans la page à partir d'un fichier en local :

      (clic droit / Lire pour rejouer l'animation)


Tableaux

La manipulation des tableaux est certainement le point faible de FCKeditor. Les habitudes de manipulations "tout à la souris" prise avec Word ou OpenOffice n'ont pas été développées. Curieusement, les poignées   ont été supprimées de la nouvelle version.

  

Ce qu'on peut faire à la souris

  • Sélection de tout un tableau : clic sur n'importe quel bord du tableau ou d'une de ses cellules
  • Hauteur et la largeur d'un tableau entier
  • Alignement du tableau dans la page : sélectionner le tableau en cliquant sur une de ses bordures puis boutons Aligné Gauche/Droit/Centré
  • Alignement du contenu d'une cellule : cliquer dans la cellule puis boutons Aligné Gauche/Droit/Centré
  • Sélection d'une ou plusieurs cellules : clic dans la première cellule en maintenant appuyé, puis, déplacer le pointeur vers les cellules voisines à sélectionner.
    Sous Firefox les cellules ainsi sélectionnée se bordent d'un cadre gris, mais pas avec IE7.

 

Ce qui est impossible à faire uniquement à la souris

    • Modifier la largeur/hauteur d'une ligne, d'une colonne ou d'une cellule : les poignées de dimensionnement n'existe pas sur ces éléments.
    • Sélectionner une ligne ou une colonne en un clic
    • Modifier la bordure d'un tableau
    • Changer la couleur du fond d'une cellule : l'outil pot de peinture ne sert que pour les chaînes de caractères.
    • Fusionner des cellules : cf menu contextuel
    • Sélectionner une ligne ou un paragraphe par un clic dans la marge gauche, comme sous Word/Ooo

 

Menu contextuel des tableaux

Les manipulations des tableaux impossibles à faire directement à la souris sont toutes disponibles via le menu contextuel des tableaux, accessible après sélection du tableau via le clic droit :

 

  • Modifier la bordure d'un tableau : Propriété du tableau/Bordure : 0 si on veut un tableau invisible
  • Modifier la largeur/hauteur d'une ligne/colonne : ne peut se faire qu'en passant par
    Cellule/Propriété de cellule/Largeur Hauteur rentrée en pixels ou en %
  • Par défaut l'alignement vertical du contenu de cellule est centré.
    Pour Aligner verticalement en haut dans une cellule : Cellule/Propriété de cellule/Alignement vertical : haut

  • Supprimer/insérer une ligne/colonne :
delColonne.png
  • Fusionner/Scinder les cellules

    FusionScinder.png
  • Changer la couleur de fond d'un tableau :
    Pas de commande accessible via les Propriétés du tableau. Il faut sélectionner l'ensemble des cellules du tableau puis aller sur ...

    CellProperties.png
  • Changer la couleur de la bordure d'un tableau : cf Couleur de fond d'un tableau

...  et choisir sur encore une autre fenêtre pop-up la couleur :

selectColor.png

On trouve également dans le menu contextuel des tableaux :

  • Supprimer le tableau
 

 

  

Menu contextuel de la zone texte/ liste à puces

  • Il est possible de changer le symbole des puces via leur menu contextuel , mais pas sur ce site.

listContext.png    symbolPuces.png

 

 

Raccourcis claviers acceptés par FCKeditor

 

CTRL + flèche début : atteindre le début du document

CTRL + flèche fin : atteindre la fin du document la page

CTRL + V : coller

CTRL + A : tout sélectionner

MAJ + --> : sélectionner la lettre

MAJ + CTRL + --> : sélectionner le mot

MAJ + Fin : sélectionner jusqu'à la fin de la ligne

MAJ + (Flèche Bas répétée x fois) : sélectionner x lignes

MAJ + CTRL + Fin sélectionner depuis la barre d'insertion jusqu'à la fin du document

Ctrl + G,  + I,  +U  : mettre en Gras / Italique / Underline

Ctrl + Z : annuler la dernière frappe, pas la dernière action

 

 

Faire une table de matières

La table des matières figurant au début de cette page est en fait une liste de liens vers des ancres correspondant aux titres H2 contenus dans cette page.

La création automatique d'une table des matières n'est pas une fonction présente dans FCKeditor mais dans KUPU.

Il faut donc sélectionner d'abord Kupu comme éditeur utilisé dans "Mes préférences". La table des matières est disponible à partir du bouton outil "ancre" de Kupu.

 

mini F.A.Q.

 

"Je n'arrive pas à sortir d'une liste à puces"

 

Si vous êtes habitué à Word, vous avez peut être pris l'habitude de terminer une liste à puce en tapant la touche backspace (<--) pour revenir à un paragraphe normal. Avec FCKeditor, cela ne marche pas.
Il faut cliquer de nouveau sur le bouton outil   listPuces.png pour désactiver la liste, ou sur le bouton outil retrait.png.

"Comment se gère l'enregistrement régulier du document en cours ?"

Il est fastidieux de devoir descendre tout en bas de la page à chaque fois que l'on veutt enregistrer sa page, surtout si vous travaillez sur un document long et que vous souhaiter régulièrement sauvegarder son contenu. Adoptez plutôt le réflexe bouton outil qui fait exactement la même chose sans avoir à user la roulette de votre souris

 

"Je suis gêné par des pop-up d'Internet Explorer à chaque fois que je fais un "coller"

Outils/Options internet/Sécurité/Niveau de sécurité/Personnaliser le niveau/Scripts :
Autoriser l'accès programmatique au Presse-papier : cocher Activer

 

 

"Quel outil dois-je utiliser pour basculer en plein écran ? celui de Plone ou celui de l'éditeur en ligne ? " 


Mode Plein écran : bouton "édition pleine page"

Plone contient un outil pein écran : fullscreenPlone.png et FCKeditor a aussi le sien : fullscreenFCK.png qui n'est pas complètement redondant. En effet, si vous souhaitez passer en plein écran alors que vous étes déjà en mode édition avec FCKeditor, se servir de fullscreenPlone.pngimplique d'enregistrer le document et appel dans le navigateur une nouvelle page. La commande fullscreenFCK.pngen revanche a un effet instantanné.

"Est-il possble d'indenter, de mettre en retrait tout une partie du document ?"

Oui, sélectionner à la souris ou avec MAJ + Flèche Bas toutes les lignes concernées puis cliquer sur indent.png. Toutes les lignes sélectionnées seront ainsi décalées d'une tabulation vers la droite, même si elles comprennent des tableaux complexes ou des images. Si les lignes concernées comprennent déjà des retraits, ils seront conservés et suivront le mouvement d'ensemble.

 

"J'ai perdu plusieurs fois  ce que j'étais en train de rédiger dans FCKeditor en lançant une recherche avec GoogleBar Lite (je travaille avec Firefox)"

Rien de plus énervant et je sais de quoi je parle . Prenez le temps de cliquer sur la petite flèche de réglage dans la Google Bar puis : Options/Général/ et cocher '"Ouvrir les résultats de recherche dans un nouvel onglet".

 

Personal tools