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 :

TinyMCE 4.0.15, l'éditeur de texte créé en JavaScript


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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.15, l'éditeur de texte créé en JavaScript
    TinyMCE 4.0.15, l'éditeur de texte créé en JavaScript
    Utilisé par Wordpress, Facebook, ...


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    Cet éditeur est utilisé notamment par Facebook (notes et questions), Wordpress, Oracle, Microsoft, Apple, IBM, Joomla!, etc. Bref, tout un joli monde.

    Voici un exemple très basique que vous pourriez obtenir. Mais il y a moyen de configurer l'éditeur pour avoir d'avantage de fonctionnalités.


    Démonstration.


    La révision 4.0.15 est sortie en trois étapes. D'abord la révision 4.0.13 suivi rapidement de deux révisions implémentant des petites corrections. Voici une liste non exhaustive des modifications :

    • l'ajout d'un menu de sélection du langage utilisé pour la correction orthographique ;
    • d'ailleurs, le menu des corrections orthographiques proposées est mieux positionné ;
    • l'ajout d'une option style_formats_merge qui permet d'étendre les formats par défaut plutôt que de les remplacer par de nouveaux ;
    • la correction d'un bug au niveau de la fonction getPos qui ne gérait pas correctement l'emplacement de l'élément racine ;
    • une meilleure gestion des onglets et de Ctrl+Tab ;
    • une correction d'affichage sur Chrome lorsque les feuilles de styles n'ont pas fini de charger ;
    • IE 8 insérait parfois l'image en dehors de l'éditeur ;
    • les combobox ne pouvaient pas être désactivées ou avoir une taille de caractère spécifique par défaut ;
    • le redimensionnment automatique ne prenait pas en compte les marges lors du calcul de la taille du body ;
    • il n'était pas possible d'empêcher le « coller » de se produire en bloquant le comportement par défaut lorsque le plugin paste était activé ;
    • avec le plugin image, les images ne pouvaient pas être insérées si l'option image_advtab n'était pas positionnée à true ;
    • et bien d'autres.



    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
    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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.16 est disponible
    TinyMCE 4.0.16 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.16 complète encore une fois la révision 4.0.13 qui était plus conséquente et corrige un bogue où l'éditeur n'était pas correctement affiché sur IE 10 selon le document.readyState.

    Cette correction est déjà la troisième mise à jour de l'éditeur en quelques jours. Comme pour la plupart des frameworks et bibliothèques, l'aide de la communauté est importante et permet de détecter ainsi que de corriger rapidement les bogues.

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

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    95
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2006
    Messages : 95
    Points : 133
    Points
    133
    Par défaut
    Bonjour,

    Comme beaucoup surement, je recycle une vielle version de FCKeditor et j'en suis globalement satisfait. Soit après un petit détour vers le payant, l'éditeur a sorti une version moderne (CKeditor), aujourd'hui disponible en libre. Sans l'avoir implémentée en opérationnel, elle semble tenir la route face à tinyMCE.

  4. #4
    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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.18 est disponible
    TinyMCE 4.0.18 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.18 comporte par exemple :

    • une meilleure navigabilité clavier pour les contrôles UI complexes ;
    • l'ajout d'une option visual_anchor_class pour spécifier une classe personnalisée pour les ancres ;
    • le support de paste_data_images sur WebKit/Blink lorsque l'utilisateur colle des données de type image ;
    • mettre en évidence l'icône vidéo lorsqu'une vidéo est ajoutée et lance une iframe ;
    • l'apparition des options image_class_list et link_class_list pour les boîtes de dialogues d'images ou de liens afin de laisser à l'utilisateur le choix des classes ;
    • et bien d'autres corrections.



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

  5. #5
    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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.19 est disponible
    TinyMCE 4.0.19 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.19 est principalement orientée pour IE11, mais pas uniquement. Elle comporte par exemple :

    • la correction de l'alignement des images en float: left sur IE ;
    • la gestion des événements comme blur et leur déclenchement non désirés sur IE11.
    • le support des expressions de sélecteur CSS dans l'option object_resizing qui permet de contrôler ce qu'il faut redimensionner ;
    • les boutons d'indentation et l'événement nodeChanged étaient activés alors que l'éditeur était en mode lecture seule ;
    • la correction pour IE11 qui mettait le focus sur la barre de menu/barre d'outils lors de l'utilisation de la touche tabulation dans un formulaire avec un éditeur ;
    • le drag and drop sur Safari (Mac) ne fonctionnait pas correctement en raison du manque de support de l'objet dataTransfer ;
    • etc.



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

  6. #6
    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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.20 est disponible
    TinyMCE 4.0.20 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.20 corrige des erreurs apparues avec la nouvelle version de Safari dans laquelle il est possible de taper et d'ouvrir des liens dans une zone contentEditable. Ces fonctionnalités ont été désactivées.

    La révision comporte également :

    • les réglages "directionnels" sont appliqués lors de l'aperçu au même titre que sur l'élément body de l'éditeur ;
    • une amélioration de la performance avec la méthode is dans le package DOMUtils ;
    • une correction pour le plugin paste lors du collage en utilisant les menus du navigateur ;
    • une correction au niveau des éléments SVG pouvant avoir le focus qui déclenchent une erreur lorsque className n'a pas une chaîne appropriée ;
    • le plugin searchreplace déclenchait une erreur sur des recherches multiples spécifiques ;
    • etc.



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

  7. #7
    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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.21 est disponible
    TinyMCE 4.0.21 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.21 apporte pas mal d'adaptations et de petites nouveautés :

    • la méthode getCssText ajoutée au module de formatage pour obtenir la valeur css d'un texte afin d'être utilisée dans l'interface utilisateur ;
    • les options image_description et image_dimensions pour le plugin image ;
    • de même, les options media_alt_source, media_poster et media_dimensions pour le plugin media ;
    • la méthode getWindows pour WindowManager qui rend plus simple le contrôle des fenêtres ouvertes ;
    • l'éditeur devrait être fonctionnel en mode XHTML également ;
    • un meilleur affichage des icônes sur certains navigateurs ;
    • la possibilité de changer le texte d'un bouton après que celui soit affiché et présent dans le DOM ;
    • il n'était pas possible de fermer une boîte de dialogue avec la touche escape lorsque le focus était dans une textbox ;
    • etc.



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

  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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.22 : un nouveau correcteur orthographique en PHP
    TinyMCE 4.0.22 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.22 apporte notamment un nouveau correcteur orthographique en PHP. Mais aussi :

    • l'ajout d'un lastLevel à l'événement BeforeAddUndo pour faciliter la gestion des niveaux ;
    • une amélioration de l'indentation des éléments des listes ;
    • une correction avec les instances inline et la sélection ;
    • le drag and drop de contenu ne fonctionnait pas bien sous WebKit/Blink ;
    • les table grid s'affichent maintenant correctement avec le mode RTL ;
    • l'import des feuilles de styles de la page courante en utilisant importcss_file_filter ;
    • 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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.23 est disponible
    TinyMCE 4.0.23 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.23 comporte principalement des corrections au niveau du coller et du drag and drop. Mais aussi :

    • l'ajout d'une méthode isSameOrigin pour tinymce.util.URI ;
    • IE 11 ajoutait un élément <br> à la fin de l'éditeur lorsqu'il était affiché / caché ;
    • le plugin autolink levait parfois l'exception index out of range ;
    • l'éditeur ne pouvait pas être réinitialisé s'il était détruit en externe ;
    • de son côté, l'éditeur inline produisait une exception de type range index lorsqu'on cliquait sur un bouton ;
    • 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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.25 est disponible
    TinyMCE 4.0.25 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.25 (qui est en fait la révision 4.0.24 améliorée) comporte :

    • une correction car il était impossible de soumettre des formulaires avec des instances d'éditeurs sur WebKit / Blink ;
    • l'ajout d'un paramètre event_root pour les éditeurs en ligne afin de lier tous les événements de l'éditeur à un conteneur parent ;
    • une correction sur le fonctionnement de show, hide et isHidden ;
    • le plugin autolink supprimait l'espace situé à droite après un lien inséré ;
    • l'appel asynchrone pour remplir les listes image_list et link_list ;
    • 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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.26 est disponible
    TinyMCE 4.0.26 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.26 sort déjà pour régler deux problèmes :

    • avec le plugin media et la modification d'une URL existante qui n'utilise pas les modèles d'expressions régulières de media pour créer une url neutre ;
    • avec la sélection sous IE11 et la méthode Element.contains.


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

  12. #12
    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 912
    Points
    79 912
    Par défaut TinyMCE 4.0.28 est disponible
    TinyMCE 4.0.28 est disponible


    TinyMCE est un éditeur de texte Web basée sur le Javascript, le HTML et la technique du WYSIWYG. Utilisé notamment par Facebook (notes, questions), Joomla! et Wordpress, il est capable de convertir les champs HTML textarea ainsi que d'autres éléments HTML en instances reconnues par l'éditeur

    La révision 4.0.28 suit de près la révision 4.0.27 afin de corriger un bogue critique. Les deux versions comportent en autres :

    • une option cmd pour le menu style_formats afin de switcher en mode on / off ;
    • la fonctionnalité d'ajouter au dictionnaire pour le correcteur orthographique ;
    • une option paste_merge_formats qui réduit le nombre de formats nécessaires ;
    • la correction d'un bogue où Gecko supprimait les ancres lors du coller ;
    • des options table_class_list, table_cell_class_list et table_row_class_list pour le plugin des tables ;
    • on peut maintenant coller sur Chrome Android ;
    • les espaces dans les éléments <span> étaient supprimés et les éléments considérés comme vides ;
    • les menus contextuels se fermaient automatiquement en édition en ligne sur Firefox pour Mac ;
    • etc.


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

  13. #13
    Membre régulier
    Homme Profil pro
    En formation Concepteur Développeur d'Application
    Inscrit en
    Janvier 2018
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : En formation Concepteur Développeur d'Application

    Informations forums :
    Inscription : Janvier 2018
    Messages : 10
    Points : 90
    Points
    90
    Par défaut Quid de la sécurité ?
    Bonjour, je suis novice en PHP et je m'essaie à plusieurs pages, plugins ou autre pour parfaire mes connaissances et je ne parviens pas à trouver de réponses franches et convaincantes.
    En voyant ton post je me suis dis que tu serais probablement en mesure de me renseigner, voici la question que je me pose:
    J'ai intégré TinyMce à un formulaire sur une page php et sur la page qui affiche le contenu de ma variable $_POST['message'] j'avais initialement mis un htmlentities afin de me protéger de la faille XSS.
    Seulement cette fonction détruit la mise en forme de TinyMce, je me suis donc rendu sur le site de l'éditeur sur lequel j'ai cru comprendre avec mon pauvre anglais que l'application contrait cette faille et qu'il n'y avait nul besoin d'autre chose mais que si vraiment les données étaient sensibles on pouvait coupler HtmlPurifier.
    sur d'autres forums certains disent le contraire, un coup c'est noir, un coup c'est blanc du coup je ne sais plus!
    TinyMce seul est-il suffisamment sécurisé ou bien dois-je prendre des mesures complémentaires?
    Merci par avance de vos réponses.

Discussions similaires

  1. [AJAX] éditeur de texte
    Par Death83 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/03/2006, 14h26
  2. [EDI] Editeur de texte
    Par ibtisss dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 05/10/2005, 15h51
  3. recherche composant éditeur de texte
    Par Bruno75 dans le forum Composants VCL
    Réponses: 6
    Dernier message: 15/09/2005, 11h33
  4. [PDE] Comment ajouter un éditeur de texte à mon projet ?
    Par simsky dans le forum Eclipse Platform
    Réponses: 2
    Dernier message: 29/06/2005, 11h40

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