20
JUIL

Aloha - Un éditeur WYSIWYG original et efficace pour vos sites web

Publié le 20/07/10 à 10h37 par DJo

Aloha est un éditeur WYSIWYG Javascript permettant de mettre en forme du texte rapidement à l'aide d'un menu flottant.

Aloha est un éditeur WYSIWYG Javascript

Un peu de renouveau dans les éditeurs WYSIWYG ! Aloha vient s'ajouter à la liste des éditeurs de texte intéressants comme TinyMCE, (F)CKEditor ou encore MarkitUp!

Contrairement aux autres, le menu d'Aloha est flottant, il ne remplace pas la zone de texte en une zone plus riche, mais affiche simplement un menu flottant près de la zone de texte.

L'effet est très réussi et les performances sont meilleures que les autres éditeurs: Gain de 25% en performance (D'après son auteur).

Un des avantages d'Aloha est qu'il n'est pas nécessaire de mettre un textarea pour modifier le contenu, tout type de balises HTML peut être modifié.

Ahola - Modification d'un élément accordéon

Voici un exemple de code à implémenter pour faire fonctionner l'éditeur:

<div id="editme">This is my editable content</div>

<script type="text/javascript">
jQuery(document).ready(function () {
	$('#editme').aloha();
});
</script>

Bien sûr, il y'a de nombreuses options toutes répertoriées dans le wiki développeur.

Vous l'aurez remarqué, un plugin jQuery est disponible pour utiliser facilement l'éditeur.

Qu'en pensez-vous ?

 

Site Officiel

Baraguiné par superg2 le 20/07/10 à 11h02
superg2 sur La Ferme du Web
je trouve excellent ce concept, à voir à l'utilisation, je vais en faire une intégration pour le cms pluxml, nous verrons bien ;)
Baraguiné par legarspol le 20/07/10 à 15h08
legarspol sur La Ferme du Web
Mais j'avais déjà fait des recherche sur ce genre de truc Mais il me semble que j'étais confronté à un problème:
Quand vous récupérez le contenu du champs c'est en Html et donc n'importe qui peut mettre sont propre code (en modifiant les données envoyé avec tamper data par exemple.) dangereux non ?
Baraguiné par remrem le 20/07/10 à 19h03
remrem sur La Ferme du Web
@legarspol > Tu peut toujours traiter du côté serveur ce qui est envoyé.

Sinon, c'est pas mal, mais de 600 Ko de JS ... :/ et il manque la gestion des images / vidéos ...
A surveiller
Baraguiné par superg2 le 21/07/10 à 10h31
superg2 sur La Ferme du Web
pour la gestion des images/vidéos, je pense que ça va arriver doucement, car il est question de pouvoir développer ses propres plugins et de les intégrer à l'interface.

je reviens sur ce que j'ai dit, concernant pluxml, je me suis emballé, il n'est pas possible de l'intégrer proprement à la dernière version, sans modifier les fichiers "core" (ce qui ne va pas dans le sens nouveau de l'intégration des editor dans le nouvelle v5).. à voir plus tard ;)

enfin, autant c'est bluffant pour faire du prérendu, autant c'est pour le moment presque "useless" pour en faire un vrai webEditor comme un CKEditor, car la nouveauté de ce produit est l'édition de div/p... et non forcément des textarea... ça devient moins pratique à posttraiter alors je ne vois pas comment....

enjoy
Baraguiné par le 26/07/10 à 09h41
L'outil est plutôt pas mal, c'est pas tinyMCE qui a aussi ce principe d'édition de div/p ?

Personnellement je trouve compliqué le post-traitement. Par là je veux dire qu'on a un autre problème : si le contenu a été mis à jour par du code client (Exemple, highlight de code en javascript), on se retrouve avec du contenu déjà modifié dans le div qui ne sera pas à l'identique de la source. Donc on enregistre, et on a plus le même contenu.

J'ai trouvé aucun autre moyen que de recharger le contenu modifié par le contenu "propre" de la source (avant modification javascript) en ajax afin de l'injecter dans le conteneur à modifier... Pas très optimisé...

Si quelqu'un a une idée, je suis preneur ;)

@superg2 "ça devient moins pratique à posttraiter alors je ne vois pas comment"
> Quels problèmes tu a pour le post-traitement ? C'est la même chose q'un textarea sauf que c'est comme si il se remplissait automatiquement de ton contenu non ?

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web