Developpez.com - Rubrique JavaScript

Le Club des Développeurs et IT Pro

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 2014-01-31 14:31:14, par vermine, Expert éminent sénior
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 ?
  Discussion forum
12 commentaires
  • oxedet
    Membre habitué
    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.
  • Gouyfre
    Membre régulier
    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.