Utilisation de YUI Editor un peu avancée
Par Bast le samedi 18 octobre 2008, 12:33 - Lien permanent
Pour les besoins d'openwechange[1] , j'ai eu besoin de choisir un éditeur WYSIWYG. Je détesté allègrement ces éditeurs [2] mais je ne suis pas le public visé par ce service et mes "clients" désiraient du wysiwyg afin de permettre le c/c depuis Microsoft Word© ou n'importe quelle site[3].
Dans mes pérégrinations j'ai eu l'occasion de re-découvrir YUI Editor que je pense être le moins pire. Il me fallait pour celui-ci :
- l'upload de photos
- l'insertion de vidéos youtube
- l'insertion de vidéos dailymotion, ça c'est de moi :p.
Etant donné que je ne dois pas être le seul à vouloir faire ça, voici le lien qui fait tout : yuieditor.js sur openwechange.
Il faut ensuite un peu de CSS pour gérer les icônes :
.yui-skin-sam .yui-toolbar-container .yui-toolbar-youTube span.yui-toolbar-icon {
background-image: url(YOUR IMAGE);
background-position: 1px 0px;
}
.yui-skin-sam .yui-toolbar-container .yui-toolbar-dailymotion span.yui-toolbar-icon {
background-image: url(YOUR IMAGE');
background-position: 1px 0px;
}
N'oubliez pas d'insérer quelque part la classe yui-skin-sam. Dans le cas contraire, changez les CSS de la lib yahoo ;). (Personnellement je ne m'y suis pas aventuré).
Pour faire fonctionner l'upload de fichier, je vous conseille de lire l'article pointé. Il faut retourner des données en en-tête text/html et doit contenir du JSON. Pourquoi pas...
Si on me le demande, je mettrais une démo en ligne. Sinon, ça attendra la mise en ligne d'un site sur openwechange. Et ça ce n'est pas gagné :D.
Notes
[1] Le moteur open source de http://wechange.fr (design PAS DE MOI)
[2] RIEN ne vaut la syntaxe wiki:like à mon goût
[3] Quelle horrible pratique
Commentaires
Ma foi il est très bien :-) j'ai dû lire son annonce de travers car il ne m'avait pas tapé à l'œil.
Merci pour l'info, ça change de TinyMCE et FCKEditor.
D'ailleurs, le HTML généré est de bonne qualité ?
PS : la syntaxe wiki est peut-être bien mais pour des technophiles ;-) tu ne convaincras jamais un fonctionnel de ses avantages par rapport à de l'interface riche.
et pourquoi pas WYMeditor? dans la beta 1.1 de jelix c'est l'éditeur par défaut si j'ai bien suivi.
Sympa la lib YUI en passant.
@Oncle Tom : pour la syntaxe wiki, je parlais bien entendu de MON utilisation. Les gens normaux et les bisounours préfèrent gérer le style avec leurs articles. Ce qui n'a à mon sens... aucun sens justement.
Mes clients se débrouillent en principe très bien avec la syntaxe de SPIP, Dotclear, drupal :p. Moi je préfère markdown. J'en reparlerais un de ces 4 d'ailleurs.
@mod : tu as parfaitement raison, c'est le seul que je tolère pour justement son respect de la sortie (parce que justement il ne fait pas de style).
YUI est une excellente lib.
Si je parle de cet éditeur, c'est parce que je lui ai ajouté plusieurs fonctionnalités intéressantes ;). (put*** d'ailleurs j'ai oublié de citer les sources, je répare ça de suite).
YUI est LA meilleure lib ;)