posté le 09/04/2007 à 12h36
Pour cette plate-forme de blog, je m'appuie notamment sur un éditeur HTML en ligne "WYSIWYG" : SPAW Editor.

Cet outil fourni une boite de texte pour la composition des messages, un "textarea" amélioré, qui produit du code HTML valide.

Voici un petit aperçu de la boite de composition des messages sur ce site :



J'ai choisi d'utiliser une barre d'outils simplifiée, car la barre d'outil "standard" est assez touffue.
Par exemple il y a une gestion intégrée des tableaux (on peut même redimensionner à la volée les lignes/colonnes !), mais c'est un peu trop complet pour ce que je cherchais sur ce site.

La chose qui m'a le plus bluffé sur cet outil, est la possibilité de copier/coller du texte depuis une autre page web ou depuis Word, en gardant le formatage (et même les images pour une page web).

Sur ce site, j'ai rajouté deux popups avec un peu de javascript pour insérer des images / vidéos (en pratique, ça injecte simplement le bon code HTML dans le textarea).

SPAW fourni une bibliothèque PHP pour l'intégration.
Ainsi, l'ajout d'une boite de dialogue comme celle-ci sur un site se résume à :

$spaw = new SpawEditor('input_name', 'default text');
$spaw->show();

J'ai quand même rencontré quelques petits problèmes lors de mes tests sous Internet Explorer, notamment avec la balise "object" lors de l'insertion des vidéos : l'éditeur interprétait seulement la moitié de la balise et affichait le code source du reste de la balise. J'ai rusé en utilisant seulement la balise "embed" (tant pis).

Aussi, il y a un bouton pratique "nettoyer le code HTML" qui permet de taper du code source HTML, et de le convertir en texte éditable avant de poster le message (sinon on poste du code source HTML qui sera affiché tel quel). Malheureusement ce bouton a tendance à trop nettoyer le code (retirer les couleurs par exemple).

Mais globalement c'est une très bonne bibliothèque, et un travail assez énorme à refaire si on ne s'appuie pas sur une solution existante...

Commentaires

Pseudo :
Message :
(pas de HTML)

mirado [ 31/07 - 12:55 ] : Bonjour,
Oui c'est vraiment une bonne bibliotheque.J'utilise SPAW Editor(derniere version proposée sur le site du createur) pour un projet perso,mais j' ai une probleme que je n'ai pas pu resoudre jusq'à maintenant: la derniere version proposée sur le site de solmetra.com n'a plus besoin d'etre compilé car il l'est déjà pour Apache,alors je l'ai utilisé,mais les champs et les barres ne marchent qu'à une seule utilisation c'est à dire lorsque je cree une article ca marche mais quand je cree un autre ca ne marche plus tout est desactivé.Alors si quelqu'un pouvez m'aider sur ce probleme,alerte moi par e-mail miradoz at gmail.com?
Bon je vais essayer d'utiliser les versions anterieures en attendant.
Merci et alerter moi par email si vous un commentaire sur ce site.

Infos TiBlog

Pseudo : Royale
Titre : Le blog de Royale
Description : Le blog de l'administrateur de TiBlog.fr où vous trouverez quelques détails techniques sur le fonctionnement de ce site.

Créer un blog !

blog gratuit

Recherche

Photo