10
votes

Rechercher un éditeur HTML basé sur JQuery

Je viens de passer à http://plugins.jquerer.com/search/node/editor - beaucoup et beaucoup de choix - et si pour juger par les dates, de nombreux nouveaux Offres. J'espère que quelqu'un peut m'aider à réduire le terrain Selon ces priorités ...

  • Stabilité et XHTML bien formé (pourrait discuter de certains des plus récents, sauf si elles sont des révisions avec un bilan clair)
  • EDIT EMPLACE
  • bonne intégration Ajax
  • Pour une utilisation interne / administrateur / CMS, il peut donc être aussi ballonné car il doit être long car il est facile de mettre en œuvre les bases:
    • gras
    • italiques
    • Indents
    • listes

      Pas besoin de tables, mais des déposés qui montrent que les sélecteurs CSS pertinents seraient bien.

      merci.


0 commentaires

4 Réponses :


6
votes

Je sais que vous recherchez un éditeur de texte riche basé sur jQuery. Mais celui que je suggérerai est basé sur le prototype. Son appelé Wysihat, un projet open-source de 37signaux. Vous pouvez dire que c'est un cadre pour les éditeurs de WYSIWYG. Pourquoi voudriez-vous choisir cela? Personnalisation simple et facile, bien formée XHTML et bienvenue bonne intégration Ajax. Vous avez des charges d'autres éditeurs de texte riches mais tous ne sont pas facilement personnalisables. Je dis si coz du fait que vous aurez des difficultés majeures en modifiant le «widget» défini par l'éditeur à quelque chose de votre goût. Et s'il y a un mauvais code n'importe où, c'est un pita pour le remédier à CoZ des mauvaises normes de codage par le développeur.

Puisque vous ne vous souciez vraiment pas de la tension que je doute que l'utilisation de prototypes avec JQuery serait une grosse tracas. Ce serait une mauvaise option d'utiliser les deux si ce n'était pas pour une utilisation interne / administrateur / CMS. Mais depuis que votre objectif principal est "SIMPLICITY", WYYSIHAT vient à votre secours. Il vous fournit une base sur laquelle vous pouvez créer votre éditeur de texte riche tissé auto-tissé.

Sources:

37Signals: Présentation de WYSIHAT . Un éditeur Wysiwyg Wysiwyg éventuellement meilleur.

Si vous développez le CMS dans Ruby-On-Rails, vous êtes pour un régal:

Un moteur de rails Wysihat:

http://www.80beans.com/2009/10/01 / wysihat-moteur /

http://github.com/80beans/wysiatura-Engine

Tutoriels Wysihat:

Configuration de WYSIHAT. Un tutoriel. Partie 1:

Configuration de WYSIHAT. Un tutoriel. Partie 2:

Une barre d'outils avancée pour WYSIHAT:

http://github.com/80beans/wysiatua-advanced-toolbar << / p>

Voici la documentation API:

http://josh.github.com/wysiatus/wysiatuf/wysihat/ Commands.html

Au fait .. Le fichier JS WYSIHAT après la réduction n'est que de 6 Ko. 1000 fois moins que TinyMCE.


4 commentaires

Merci ewall. :) J'espère que Wysihat obtient le représentant qu'il mérite. Cela pourrait être encore jeune mais fait un effort. +1 à 37signals et Joshua Peek.


tiny_mce est d'environ 175 kb pas 6000kb


Il y a maintenant une fourchette basée sur jQuery de wysihat: github.com/swillims/jq-wysihat


Le WYSIHAT Fork by Swilliams rupture IE8. Le Fourche de DebaasMedia fonctionne pour IE8.



5
votes

Rétrécissement de votre liste d'options: certains des éditeurs meilleurs basés sur JQuery qui correspondent au moins au moins la plupart de vos points souhaités semblent être:


0 commentaires

4
votes

Ce n'est pas un plugin JQuery, mais TinyMCE vaut vraiment la peine de regarder et il joue bien avec JQuery . Il a une grande communauté et beaucoup de plugins. Pour autant que je sache, cela répond à toutes vos exigences.


2 commentaires

Ne répond pas à la première exigence, le code de code HTML de TinyMCE est plutôt mauvais. Pas aussi mauvais que FCKeditor cependant.


Vraiment? Avez-vous un exemple de cela?



2
votes

Je voulais juste vous donner des informations sur cette exigence ...

XHTML bien formé

La plupart des éditeurs en ligne basés sur Javascript utilisent "contentieux" afin d'ouvrir un document pour l'édition. Ceci s'appuie sur le navigateur pour générer le HTML ou XHTML requis en fonction d'une série de commandes et basée sur l'utilisateur en cliquant sur et en tapant.

Vous verrez donc probablement une variation de la mise en œuvre basée sur le navigateur - sans mentionner aucun nom, un navigateur vous donnera toutes les étiquettes majuscules, on pourrait ne pas fermer toutes les étiquettes correctement et ainsi de suite. Alors, gardez à l'esprit, le navigateur que vous utilisez affectera les fonctionnalités et la sortie si l'éditeur utilise le navigateur pour générer le (x) HTML.


0 commentaires