Barre d'outils Wysiwyg

Définition

La plupart des données textuelles sous Automne peuvent être formatées avec une barre d'outils WYSIWYG, ce qui permet de voir immédiatement à l'écran le rendu qui sera publié sur votre site web.

WYSIWYG - texte

L'éditeur de texte WYSIWYG utilisé par Automne est FCKeditor, un puissant éditeur open-source (voir la référence Automne).

De nombreuses options sont disponibles pour la barre d'outils, et il est possible de créer des barres d'outils personnalisées.

 

Gestion des barres d'outils WYSIWYG

Dans le panneau latéral de droite, sous l'onglet Modèles, le lien "Barre d'outils Wysiwyg" permet d'accéder à l'interface de gestion des barres d'outils.

WYSIWYG - lien

Propriétés

L'interface de gestion des barres d'outils vous permet de sélectionner une barre d'outils existante, ou d'en créer une nouvelle.

WYSIWYG - gestion

 

Voici les propriétés proposées lors de l'édition d'une barre d'outils :

Libellé :

Il s'agit du nom de la barre d'outils.

 

Identifiant (Codename) :

C'est l'identifiant unique de la barre d'outils, sous forme d'une chaîne de caractères courte (20 caractères maximum).

 

Eléments :

 La double boîte de sélection présente à gauche l'ensemble des fonctionnalités proposées par l'éditeur de texte. Il s'agit de toutes les icônes disponibles.

A droite on retrouve uniquement les fonctionnalités souhaitées.

Il est possible d'ajouter ou d'enlever des fonctionnalités en utilisant les flèches entre les deux boîtes de sélection, ou en double cliquant sur les éléments.

 

Notez que de nombreuses fonctionnalités sont disponibles pour l'édition du texte. Néanmoins il est souvent judicieux de créer une barre d'outils simple, avec uniquement les fonctionnalités de base pour éviter de laisser trop de liberté aux rédacteurs de votre site.

Les fonctionnalités suivantes sont un bon compromis pour un éditeur simple mais efficace :

 - Edition pleine page
 -----------
 - Couper
 - Copier
 - Coller comme texte seul
 -----------
 - Imprimer
 -----------
 - Annuler
 - Refaire
 -----------
 - Tout sélectionner
 - Supprimer le format
 -----------
 - Gras
 - Italique
 - Barrer
 -----------
 - Liste ordonnée
 - Liste non ordonnée
 -----------
 - Insérer / modifier un lien
 - Supprimer un lien
 -----------
 - Insérer un caractère spécial

 

Utilisation

Les barres d'outils peuvent être sélectionnées pour tout champ de type "texte" d'un objet créé avec le gestionnaire de module Polymod.

Exemple :

Prenons l'exemple d'un module "Actualités" où est défini un objet "Actualité".

Cet objet possède un champ "description" de type texte, et on peut ainsi choisir d'utiliser une barre d'outil spécifique (si l'option "HTML autorisé est cochée).

WYSIWYG - polymod

Page précédente


Ajouter une contribution :

Les contributions servent à compléter la documentation en détaillant des points précis ou pour donner des exemples. Elles sont modérées et peuvent être supprimées sans préavis.
Pour poser des questions, merci d'employer le forum et pour rapporter un bug, le BugTracker est à votre disposition.








Vous pouvez employer les balises bbcode suivantes :
  • [code-xml] votre code ... [/code-xml] : Pour mettre en forme du code XML / XHTML
  • [code-php] votre code ... [/code-php] : Pour mettre en forme du code PHP
  • [code-js] votre code ... [/code-js] : Pour mettre en forme du code Javascript

Date de votre contribution : 21/07/2017   20:51:39

Haut