IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

CKEditor 4.4.0 : l'éditeur de texte WYSIWYG pour vos pages Web


Sujet :

Bibliothèques & Frameworks

  1. #1
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut CKEditor 4.4.0 : l'éditeur de texte WYSIWYG pour vos pages Web
    CKEditor 4.4.0 : l'éditeur de texte WYSIWYG pour vos pages Web
    L'outil utilise une API JavaScript performante et offre un panel de fonctionnalités


    CKEditor est un éditeur de texte HTML prêt à l'emploi conçu pour simplifier la création de contenu Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.

    C'est une application open source. Ce qui signifie qu'elle peut être modifiée comme vous le souhaitez. Elle bénéficie d'ailleurs d'une communauté active qui est en constante évolution grâce à des add-ons gratuits et un processus de développement transparent.


    Cet éditeur a les caractéristiques suivantes :

    • personnalisable : il est possible de définir chaque aspect de l'éditeur ;
    • performant, notamment lors de copier / coller depuis Word par exemple ;
    • c'est une bibliothèque d'outils conçue pour répondre aux besoins principaux de l'édition ;
    • toutes les fonctionnalités sont accessibles à tous et sans limitation ;
    • compatible avec les environnements et navigateurs principaux.


    Plusieurs fonctionnalités vous sont proposées. Tout d'abord il y a la technique de l'édition en ligne. Elle consiste à ne plus avoir de zone d'édition mais de directement agir sur ce que l'on voit. On y trouve également un correcteur orthographique (WebSpellChecker.net), une détection automatique du langage et un affichage de droite à gauche pour les langages impliqués. Mais aussi une sauvegarde des valeurs précédentes permettant de les récupérer en cas d'erreur ou de fausse manipulation. De plus, il y a un contrôle sur le HTML que l'utilisateur encode, afin de vérifier qu'il soit bien conçu.

    Décliné en deux utilisations distinctes, l'éditeur offre des avantages différents selon le cas.
    Pour l'utilisateur final :

    • du formatage comme mettre en gras, italique, changer la couleur du texte, copier / coller depuis Word, créer des liens avancés (ancre, e-mail, ...), etc. ;
    • manipuler l'interface en l'agrandissant, en faisant un "rechecher et remplacer", en distinguant les blocs de texte, etc. ;
    • gérer un contenu divers comme les images, les tables, les smilies, la création de formulaire, etc.


    Pour le développeur :

    • une personnalisation quasi totale grâce à une API JavaScript forte et extensible et l'emploi de plugins personnels ;
    • une intégration facile, compatible avec la technique de l'AJAX, un rendu rapide, etc. ;
    • le contrôle du contenu : format HTML, bbcode, xml, etc., ainsi que la gestion du parsing du contenu.


    Plusieurs plugins et thèmes sont dores et déjà proposés par la communauté et l'éditeur en est à sa version 4.4.0.


    Démonstration.
    Télécharger.
    Documentation.


    Et vous ?

    Que pensez-vous de cet outil ?

    Quel éditeur utilisez-vous sur vos applications Web ?
    Images attachées Images attachées  

  2. #2
    Membre actif Avatar de hugobob
    Profil pro
    FOI
    Inscrit en
    Septembre 2005
    Messages
    169
    Détails du profil
    Informations personnelles :
    Localisation : Gabon

    Informations professionnelles :
    Activité : FOI

    Informations forums :
    Inscription : Septembre 2005
    Messages : 169
    Points : 203
    Points
    203
    Par défaut
    Très bon outil que j'utilise régulièrement dans mes applications et sites.

    Le seul hic( j'espère que c'est amélioré dans cette version) et la gestion des uploads qui est difficile à mettre en oeuvre.

  3. #3
    Membre expérimenté

    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2011
    Messages
    685
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2011
    Messages : 685
    Points : 1 418
    Points
    1 418
    Par défaut
    Dans le cadre d'un développement web, oui, très bien. Maintenant, parler de performance pour ce genre d'outil n'est as vraiment approprié. Il suffit de regarder la mémoire grimper de plusieurs Mo lorsque on écrit un paragraphe pour constater que la consommation mémoire est affreuse (et sa gestion : supprimer un texte, même en ayant désactivé la fonctionnalité undo/redo (undoStack), aucune libération mémoire). Vous pouvez vous en apercevoir très rapidement en ouvrant le gestionnaire des taches de Google chrome.

    Utilisé dans une application native, qui elle était performante, j'ai eu la mésaventure de constater cet espace mémoire requis, et le ralentissement important qui était généré par le chargement de l'éditeur, surtout lorsqu'en plusieurs exemplaire sur une même scène...


    On peut d'ailleurs constater ce problème de manière générale sur le web.... tapez un long paragraphe dans l'input de google search par exemple, et constatez l'explosion en mémoire... je ne comprends pas qu'on ne puisse pas faire mieux à ce sujet...

  4. #4
    Membre chevronné Avatar de Mister Nono
    Homme Profil pro
    Ingénieur Mathématiques et Informatique
    Inscrit en
    Septembre 2002
    Messages
    2 234
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur Mathématiques et Informatique
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 234
    Points : 1 897
    Points
    1 897
    Par défaut
    Bon produit mais très pénible à mettre en place le download des fichiers.

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 7
    Points : 8
    Points
    8
    Par défaut super
    Superbe produit... Ses fonctionnalités d'édition "inline" sont facile à mettre en oeuvre et permettent de faire de grandes choses

  6. #6
    Membre chevronné Avatar de Mister Nono
    Homme Profil pro
    Ingénieur Mathématiques et Informatique
    Inscrit en
    Septembre 2002
    Messages
    2 234
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur Mathématiques et Informatique
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 234
    Points : 1 897
    Points
    1 897
    Par défaut
    Citation Envoyé par zoup1 Voir le message
    Superbe produit... Ses fonctionnalités d'édition "inline" sont facile à mettre en oeuvre et permettent de faire de grandes choses
    De grandes choses mais sur Symfony j'ai toujours pas réussi à l'installer.

    A+

  7. #7
    Nouveau membre du Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2014
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2014
    Messages : 36
    Points : 36
    Points
    36
    Par défaut il et génial
    je l'utilise pour tout mes site!!

  8. #8
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut Sortie de CKEditor 4.4.1
    Sortie de CKEditor 4.4.1


    CKEditor est un éditeur de texte HTML prêt à l'emploi conçu pour simplifier la création de contenu Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.


    La révision 4.4.1 sortie dernièrement comporte par exemple :

    • une option permettant d'inclure du code JavaScript dans les liens :
      Code html : Sélectionner tout - Visualiser dans une fenêtre à part
      <a href="javascript:alert('Hello world!')">hello world</a>
      Cette option n'est pas activée par défaut. C'est tout simplement une liberté supplémentaire pour le développeur ;
    • une meilleure gestion du caractère & dans le plugin des formules mathématiques ;
    • une correction pour iOS avec la sélection et les listes déroulantes lorsque le gestionnaire d'événements tactiles est utilisé ;
    • la méthode du protectedSource fonctionne maintenant sur l'élément title ;
    • la boucle infinie sous Google Chrome lorsque le contenu avait des attributs non fermés est corrigée ;
    • une meilleure gestion sous IE des exceptions de editor.insertElement() ;
    • l'amélioration du plugin Table Resize avec la largeur des éléments et les scrollbars ;
    • les règles de filtrage sont maintenant appliquées lorsque l'attribut contenteditable est à true ;
    • la mise à jour de jQuery ;
    • etc.



    Démonstration.
    Télécharger.
    Documentation.

  9. #9
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut Sortie de CKEditor 4.4.2
    Sortie de CKEditor 4.4.2


    CKEditor est un éditeur de texte HTML prêt à l'emploi conçu pour simplifier la création de contenu Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.


    La révision 4.4.2 sortie dernièrement comporte par exemple :

    • l'amélioration des widgets imbriqués qui seront totalement terminés pour la version 4.5 ;
    • les tests automatisés sont maintenant publics et disponibles ;
    • le déclenchement impromptu de IndexSizeError sous IE9+ ;
    • les citations sont gérées comme des objets ;
    • une correction lors du passage des objets jQuery pour la configuration de l'adaptateur ;
    • le rôle role="radiogroup" est appliqué uniquement au conteneur des input de type radio ;
    • une correction pour IE8 et la sélection de cellules vides ;
    • le config.baseHref n'était pas toujours pris en compte pour mettre à jour les dimensions de l'image ;
    • la méthode checkDirty() renvoyait une mauvaise valeur après un focus ou un blur sur un widget ;
    • il est maintenant possible de passer des arguments au CKBuilder en utilisant le script /dev/builder/build.sh ;
    • etc.



    Démonstration.
    Télécharger.
    Documentation.

  10. #10
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut Sortie de CKEditor 4.4.3
    Sortie de CKEditor 4.4.3


    CKEditor est un éditeur de texte HTML prêt à l'emploi conçu pour simplifier la création de contenu Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.

    La révision 4.4.3 comporte par exemple :

    • l'option justify a été ajoutée à l'alignement horizontal des cellules des tables ;
    • une correction sur config.fillEmptyBlocks ;
    • la correction d'une vulnérabilité XSS ;
    • l'éditeur plantait après la suppression d'une table ;
    • une amélioration pour les listes déroulantes et l'utilisation de la touche Enter ;
    • etc.



    Démonstration.
    Télécharger.
    Documentation.

  11. #11
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut Sortie de CKEditor 4.4.4
    Sortie de CKEditor 4.4.4


    CKEditor est un éditeur de texte HTML prêt à l'emploi conçu pour simplifier la création de contenu Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.

    La révision 4.4.4 comporte par exemple :

    • la dépréciation de l'événement keypress pour le gestionnaire undo ;
    • l'action coller depuis Word ne gérait pas bien le style "semi colonnes" et perdait parfois les formats ;
    • des améliorations sur le déclenchement de l'événement editor.change ;
    • une meilleure gestion du Spell Check As You Type ;
    • la correction d'erreur de syntaxe CSS ;
    • etc.



    Démonstration.
    Télécharger.
    Documentation.

  12. #12
    Membre éprouvé

    Profil pro
    Inscrit en
    Juin 2007
    Messages
    748
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 748
    Points : 1 022
    Points
    1 022
    Par défaut
    (a,{a,z,u},function(a,b,c){})(z)


    bienvenue dans le monde de la version 4> ( ce qui change tout ,sisi ) !!!

    après toujours pleins d'iframes qui trainent sur la logique core, et les pluggins, mais bon, j'imagine que c'est pas possible de faire autrement pour le moment

  13. #13
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut Sortie de CKEditor 4.4.5 afin d'être compatible avec Safari 7.1
    Sortie de CKEditor 4.4.5 afin d'être compatible avec Safari 7.1


    CKEditor est un éditeur de texte HTML prêt à l'emploi conçu pour simplifier la création de contenu Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.

    La révision 4.4.5 comporte par exemple :

    • une correction critique suite à la sortie de la version 7.1 de Safari ;
    • l'optimisation des images contenues dans le package CKEditor ;
    • une amélioration de la priorité des événements ;
    • la dépréciation de config.autoParagraph ;
    • etc.



    Démonstration.
    Télécharger.
    Documentation.

  14. #14
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut Sortie de CKEditor 4.4.6 qui apporte un patch suite à une faille de sécurité
    Sortie de CKEditor 4.4.6 qui apporte un patch suite à une faille de sécurité


    CKEditor est un éditeur de texte HTML prêt à l'emploi conçu pour simplifier la création de contenu Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.

    La révision 4.4.6 comporte par exemple :

    • la correction d'une faille de sécurité au niveau de l'exécution de code XSS ;
    • l'amélioration des performances du cœur de l'outil ;
    • des petites nouveautés sur les filtres et l'élément HTML5 <main> ;
    • des corrections diverses sur les événements, la position du curseur, l'action de coller, et d'autres choses ;
    • etc.



    Démonstration.
    Télécharger.
    Documentation.

  15. #15
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut Sortie de CKEditor 4.4.7 qui améliore sa gestion des erreurs
    Sortie de CKEditor 4.4.7 qui améliore sa gestion des erreurs


    CKEditor est un éditeur de texte HTML prêt à l'emploi conçu pour simplifier la création de contenu Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.

    La révision 4.4.7 comporte par exemple :

    • une correction pour l'option config.fillEmptyBlocks ;
    • il y avait une perte de formatage liée à la tabulation ;
    • une meilleure gestion des erreurs ;
    • la réinitialisation de la propriété CSS table-layout ;
    • etc.



    Démonstration.
    Télécharger.
    Documentation.

Discussions similaires

  1. CKEditor 4.5.0 : l'éditeur de texte WYSIWYG pour vos pages Web
    Par vermine dans le forum Bibliothèques & Frameworks
    Réponses: 7
    Dernier message: 03/06/2016, 14h48
  2. CKEditor 4.5.0 Beta : l'éditeur de texte WYSIWYG pour vos pages Web
    Par vermine dans le forum Bibliothèques & Frameworks
    Réponses: 4
    Dernier message: 30/04/2015, 19h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo