Les éditeurs HTML5 WYSIWYG (ce que vous voyez est ce que vous obtenez) sont toujours très demandés. Mais il y en a tellement maintenant qu’il est difficile de trouver les meilleurs. Dans cet article, je vais partager certains des meilleurs plugins jQuery et HTML5 WYSIWYG pour vous faire gagner du temps à trouver le plugin qui répond à vos besoins.

Froala

Froala

Froala L’éditeur HTML WYSIWYG est facile à intégrer et à utiliser. Cela nécessite une connaissance minimale du codage. Il faut jQuery 1.11.0 ou supérieur et nommé la police emblématique Police géniale 4.4.0. En combinaison avec toutes les fonctions UI et UX, il dispose également d’un mécanisme de défense puissant contre les attaques XSS.

Points forts

  • 34 Ko zippé
  • Édition en ligne
  • Des raccourcis clavier sont disponibles
  • Nécessite des connaissances de base en HTML et JavaScript
  • Thème sombre et clair (peut être personnalisé en éditant le fichier LESS)
  • Optimisé pour les téléphones portables
  • Compatible MS-Word
  • 34 langues sont prises en charge, y compris la prise en charge RTL (de droite à gauche)

ContenuOutils

ContenuOutils

ContenuOutils est un petit et beau éditeur de contenu. La bibliothèque n’utilise pas de framework ou de bibliothèque JavaScript (pas même jQuery), mais fonctionne bien avec l’un ou l’autre. Le package ContentTools se compose de 5 bibliothèques, chacune pouvant être utilisée indépendamment. Il est conçu pour être facile à développer.

Points forts

  • 49 Ko zippé
  • Édition en ligne
  • Redimensionner les images et les vidéos
  • prend en charge annuler / rétablir

Aloha

Aloha

Éditeur Aloha est un fonctionnel Bibliothèque d’édition de contenu. Vous pouvez l’utiliser pour créer des expériences d’édition intégrées de manière transparente dans votre application Web. Le principal inconvénient est que l’insertion d’images n’est toujours pas prise en charge.

Points forts

  • Taille de 142 Ko
  • Compatible MS-Word
  • Compatibilité entre navigateurs
  • Personnalisable

TinyMCE

TinyMCE

TinyMCE est un JavaScript HTML WYSIWYG basé sur le Web et indépendant de la plate-forme. Vous pouvez l’utiliser pour convertir des champs de zone de texte HTML ou d’autres éléments HTML dans des instances d’éditeur. Vous pouvez télécharger et gérer des fichiers sur Microsoft Azure, Google Drive, Amazon S3, DropBox, etc. Il suit le Spécification WAI-ARIACela le rend compatible avec les lecteurs d’écran tels que JAWS et NVDA. Il existe également une solution d’entreprise qui vous offre une assistance prioritaire.

Points forts

  • Intégrer des médias en direct
  • Éditeur de photos intégré
  • Vérificateur orthographique (entreprise)
  • Compatible MS-Word
  • Prise en charge de plus de 40 langues
  • Performances robustes sur plusieurs navigateurs

bootstrap3-wysiwyg

Amorcer

bootstrap3-wysiwyg est un plugin JavaScript avec lequel vous pouvez facilement créer des éditeurs WYSIWYG simples et beaux à l’aide dewysihtml5 et Bootstrap Twitter.

Points forts

  • 206 Ko minimisés
  • RequireJS Support
  • Modèle personnalisé pour la barre d’outils
  • Des thèmes personnalisés sont disponibles
  • Exposant des événements comme load et blur

Summernote

Summernote

Summernote est un éditeur de texte basé sur le bootstrap. Il existe différents sujets disponibles qui sont pris en charge par Montre de démarrage. Il existe également une version qui a été convertie en thème matériel Note sur le matériel

Points forts

  • 80 Ko JS + CSS
  • Prend en charge Bootstrap 3.xx.
  • Peut être facilement intégré dans Django, Rails ou Angular
  • Facilement personnalisable
  • Intégration CodeMirror

CKEditor

CKEditor

CKEditor est un éditeur de texte HTML prêt à l’emploi qui simplifie la création de contenu Web. Il apporte des fonctions courantes de traitement de texte directement sur vos sites Web.

Points forts

  • Construction personnalisée avec CKBuilder
  • Compatible avec MS Word
  • Édition en ligne
  • Assistance pour annuler / rétablir
  • Prise en charge RTL
  • Prend en charge environ 60 langues

Trumbowyg

Trumbowyg

Trumbowyg est le plus léger de tous les éditeurs listés ici. Alors que tous les éditeurs WYSIWYG existants font plus de 45 Ko, Trumbowyg ne fait que 16 Ko. Cela dépend de jQuery> = 1.7.

Points forts

  • Seulement 16 Ko
  • Plus de 30 emplacements

éditeur

éditeur

éditeur est un éditeur rapide, puissant et extensible avec une équipe de support de qualité. Il existe depuis 7 ans et il est activement développé. De plus, les images sont automatiquement téléchargées sur Amazon S3.

Points forts

  • 75 Ko minimisés
  • Édition de texte en ligne
  • Prise en charge de CodeMirror
  • Fonction glisser-déposer pour les images
  • Étant donné que l’éditeur est basé sur un plugin, il peut être facilement étendu.

Conclusion

Dans cet article, je vous ai montré ce que je pense être parmi les meilleurs Plugins jQuery et HTML5 WYSIWYG. J’espère que cette liste vous aidera à choisir un bon éditeur de texte pour votre projet et à gagner du temps pour trouver le plugin qui répond le mieux à vos besoins.



Source link

Recent Posts