10 meilleurs plugins JQuery et HTML5 Wysiwyg

Cet article passe en revue dix éditeurs JQuery et HTML5 WYSIWYG (ce que vous voyez est ce que vous obtenez). Le choix du bon éditeur peut être difficile étant donné l'abondance d'options, mais ce guide vous aide à trouver l'ajustement parfait.

Prise des clés:

• Cet article compare dix plugins JQuery et HTML5 WYSIWYG: Froala, Contenttools, Aloha, TinyMce, Bootstrap3-Wysiwyg, Summernote, Ckeditor, Trumbowyg et Redactor. Chacun est évalué en fonction des fonctionnalités, de la taille et de la convivialité.
• Les plugins offrent diverses fonctionnalités; Froala excelle dans la protection des attaques XSS, tandis que Trumbowyg hiérarte la conception légère. Les autres facteurs considérés comprennent l'optimisation mobile, la compatibilité MS Word, le support linguistique et les options de personnalisation.
• Une section FAQ complète répond aux préoccupations communes concernant les plugins HTML WYSIWYG, couvrant les caractéristiques clés, l'installation, la personnalisation, la sécurité, la compatibilité mobile, le support multilingue, l'intégration CMS, l'impact des performances et la possibilité d'utiliser plusieurs plugins simultanément.

Avis d'éditeur:

Froala:

Froala est convivial et nécessite un codage minimal. Il possède une forte protection XSS à côté de son ui / ux intuitif.

Fait saillie:

• 34 kb gzipped
• Édition en ligne
• raccourcis clavier
• Connaissances HTML / JavaScript de base requises
• Thèmes sombres / clairs personnalisables
• Optimisé mobile
• MS Word compatible
• prend en charge 34 langues, y compris RTL

ContentTools:

ContentTools est un éditeur élégant et léger qui fonctionne indépendamment des frameworks JavaScript (bien que compatibles avec eux). Sa conception modulaire permet une extension facile.

Fait saillie:

• 49 kb gzipped
• Édition en ligne
• Redimensionnement de l'image et de la vidéo
• Fonctionnalité d'annuler / réévaluer

aloha:

L'éditeur Aloha s'intègre de manière transparente dans les applications Web, bien qu'elle manque actuellement d'insertion d'image.

Fait saillie:

• 142 kb
• MS Word compatible
• Compatibilité du navigateur croisé
• personnalisable

tinyMce:

TinyMCE est un éditeur JavaScript indépendant de la plate-forme prenant en charge divers services de gestion de fichiers (Azure, Google Drive, etc.) et adhérant aux normes d'accessibilité WAI-ARIA. Une version d'entreprise offre un support prioritaire.

Fait saillie:

• en live Media Embedding
• Édition d'image intégrée
• Vérification orthographique (Enterprise)
• MS Word compatible
• 40 langues prises en charge
• Performances de croisement robustes

bootstrap3-wysiwyg:

Ce plugin exploite WYSIHTML5 et Twitter Bootstrap pour la création de rédacteurs visuellement attrayants.

Fait saillie:

• 206 kb minifié
• Soutenir les obligations
• barre d'outils personnalisables et thèmes
• Événements personnalisables

Summernote:

un éditeur basé sur Bootstrap avec divers thèmes (y compris un thème matériel, MaterialNote).

Fait saillie:

• 80 kb JS CSS
• Bootstrap 3.x.x Prise en charge
• Intégration facile avec Django, Rails ou Angular
• personnalisable
• Intégration Codemirror

ckeditor:

CKEditor simplifie la création de contenu Web, offrant des fonctionnalités familières de traitement de texte.

Fait saillie:

• builds personnalisables via ckbuilder
• MS Word compatible
• Édition en ligne
• UNNO ​​/ REDO Prise en charge
• Prise en charge RTL
• prend en charge environ 60 langues

Trumbowyg:

L'éditeur le plus léger de la liste, priorisant la taille minimale.

Fait saillie:

• 16 kb
• 30 localisations

Redacteur:

Redactor est un éditeur rapide et extensible avec un soutien solide et une intégration Amazon S3.

Fait saillie:

• 75 kb minifié
• Édition de texte en ligne
• CodeMirror Support
• Fonctionnalité d'image glisser-déposer
• Extensibilité basée sur le plugin

Conclusion:

Cette revue complète devrait vous aider à sélectionner l'éditeur idéal WYSIWYG pour votre projet. Considérez vos besoins et priorités spécifiques lorsque vous faites votre choix.

(La section FAQ reste largement inchangée car elle fournit des informations générales précieuses.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!