Le nouvel éditeur de Guppy

Le nouvel éditeur de Guppy
Présentation
Le nouvel éditeur en ligne de Guppy est distribué sous licence GPL et est issu des travaux de
Vietnamèse IT. Il remplace aussi bien le mini éditeur, pour avoir enfin un forum entièrement html, que
l’éditeur d’articles intégré.
Enrichissement typographique, insertion de caractères spéciaux, d’images, de tableaux se font à la
manière d’un traitement de texte classique et vous pouvez ajouter liens et smileys. La seule différence : le
texte tapé est directement au format html et vous voyez votre article tel qu’il se présentera au visiteur.
A ce propos, la meilleure façon de travailler est de saisir votre article ‘’au kilomètre’’ comme dans votre
traitement de texte et d’effectuer la mise en page seulement après la saisie, l’enrichissement du texte au fil
de la saisie pouvant vous causer quelques petits tracas. Bref, vous tapez le texte et quand vous avez fini,
vous sélectionnez les parties à mettre en forme.
La
ligne
supérieure
d’icônes n’appelle pas de
commentaire particulier.
La première partie de la
seconde ligne concerne
l’insertion et la gestion
des tableaux.
La dernière partie est
consacrée à l’insertion
des caractères spéciaux,
images et liens.
Enfin 2 icônes faire et
défaire précèdent la vue
de la source et une info
éditeur.
En bas les icônes
d’insertion des smileys.
Couleur texte, surlignage
Les 2 icônes Couleur texte et
Surlignage
appellent
la
même popup.
Il suffit de cliquer sur la
couleur désirée et le texte
sélectionné
change
de
couleur ou de fond.
Insertion de caractères spéciaux
En cliquant sur l’icône caractères
spéciaux s’affiche cette popup.
Le caractère pointé par la souris
s’affiche en gros au dessous. Il n’y
a qu’à cliquer pour l’insérer à
l’endroit choisi.
Nota : vous pouvez ensuite
modifier ses attributs (taille,
couleur…) comme pour les
caractères normaux.
Insertion d’un smiley
Choisissez le smiley qui convient et
tirez-le avec le bouton gauche de la
souris à l’endroit voulu.
Nota : la saisie d’un smiley texte
sera automatiquement transformée
en smiley graphique.
Insertion d’images
La première icône images fait apparaître la
popup ci-contre.
Sélectionnez le répertoire adéquat puis
choisissez l’image qui convient dans la liste.
Tirez-la dans la fenêtre texte de la même
manière que les smileys.
Nota :
- la popup se referme automatiquement
après un court délai.
- Vous pouvez déplacer image ou smiley
comme bon vous semble
- Vous pouvez modifier les propriétés de
l’image avec l’icône suivante.
Modification des propriétés de l’image
Une fois l’image insérée vous
pouvez modifier ses propriétés.
Nota : sous Mozilla il est parfois
nécessaire de passer en affichage
source puis de revenir en
affichage HTML pour voir enfin
apparaître les infos de l’image
(vraiment étrange !)
Insertion – modification d’un lien
Attention ! Comme avec l’ancien
éditeur, le chemin de l’image
inséré est un chemin absolu.
N’oubliez donc pas de le modifier
si vous préparez vos articles en
local. Préférez un adressage
relatif à un adressage absolu.
- Sous Mozilla la popup se présente ainsi., on ne
peut saisir que l’URL.
Si on veut préciser titre et cible du lien, il faut le
sélectionner à nouveau, recliquer sur l’icône lien
et la popup suivante s’ouvre. Il n’y a plus qu’à
compléter.
- Sous IE6 on a directement la deuxième popup
et on peut tout renseigner d’un coup.
Entête URL : sélectionnable au choix (http://,
mailto:…)
Forme de saisie de l’adresse :
- www.mon_site.com
- mon_site.mon_fai.fr
- mon.mail@mon_fai.fr
Titre : la légende qui apparaîtra sous le lien dans
une étiquette-texte au survol de la souris
Cible : même page (_self) ou nouvelle (_blank)
Insertion d’une table
Cliquer sur l’icône Insérer table, la popup
ci-contre apparaît.
Sélectionner le couple lignes x colonnes qui
convient puis cliquer(3 x 4 sur l’exemple)
Un petit tableau se dessine, que vous
pouvez tirer dans tous les sens.
Vous pourrez alors modifier les propriétés
du tableau, de cellules ou bien ajouter,
scinder fusionner cellules lignes ou
colonnes grâce aux icônes suivantes.
Modification des propriétés de la table
Insérez une image de
fond ou modifiez des
paramètres
puis
validez.
Cliquer
sur
les
boutons rouge, vert
ou bleu incrémente ou
décrémente la nuance
de couleur dans la
case sélectionnée.
Le bouton marron
agit
sur
les
3
simultanément.
Supprimer efface la
table (Mozilla seul)
Modification des propriétés d’une cellule
La popup modification
cellule
fonctionne
exactement de la
même façon, pour la
cellule sélectionnée.
Notes importantes
-
Sous Mozilla le curseur n’apparaît pas en entrant dans la zone texte. Il suffit simplement de commencer
à taper son texte et il arrive.
Parfois on a l’impression que tout est bloqué…pas moyen de faire un backspace ou effacer ! taper un
caractère quelconque débloque la situation.
Sous IE Entrée effectue un saut de ligne (p) alors que Maj+Entrée effectue un simple retour (br).
Sous Mozilla Entrée = br… il faut donc faire 2 fois Entrée pour un saut de ligne.
Comme avec l’ancien éditeur le chemin de l’image est un chemin absolu. Il ne faudra donc pas oublier de
le modifier si vous préparez vos articles en local.