TinyMCE 4.0.15 : l'éditeur de texte utilisé par Wordpress, Facebook et bien d'autres.
Mise à jour pour l'outil créé en JavaScript

Le , par vermine, Responsable Jeux-Concours
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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse Signaler un problème

Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 03/02/2014 à 16:18
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.
Avatar de oxedet oxedet - Membre habitué https://www.developpez.com
le 06/02/2014 à 23:11
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.
Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 28/02/2014 à 15:27
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.
Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 12/03/2014 à 14:48
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.
Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 19/03/2014 à 10:00
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.
Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 02/04/2014 à 11:40
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.
Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 17/04/2014 à 13:37
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.
Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 28/04/2014 à 10:07
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.
Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 02/05/2014 à 12:21
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.
Avatar de vermine vermine - Responsable Jeux-Concours https://www.developpez.com
le 07/05/2014 à 14:02
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.
Contacter le responsable de la rubrique JavaScript