Meilleure application open source pour éditer le HTML WYSIWYG

Dans un monde Codage et programmation Il existe deux types d'éditeur de code - Un simple éditeur Texte et WYSIWYG (Abréviation de wizzy-wig ou ce que vous voyez est ce que vous obtenez). Dans notre article précédent, nous avons discuté de Meilleures applications d'édition HTML open source Le code est écrit manuellement. Bien qu'il n'y ait aucun problème avec les scripts HTML, ils proviennent de la vieille école. C'est là que WYSIWYG Photo Editor entre en jeu. Il est devenu extrêmement populaire au cours des dernières années. Contrairement à Programmation HTML Réel et autres choses techniques Pour créer votre propre site Web , Les applications d'édition HTML WYSIWYG offrent des options visuelles Pour créer un site Web Sans aucune connaissance en programmation (rappelez-vous Wix Publicité , C'est incroyable)

L'éditeur HTML WYSIWYG présente de nombreux avantages par rapport à celui-ci Applications d'édition de texte. Pour commencer, vous pouvez créer un site Web avec Editeurs WYSIWYG Même si vous ne savez pas programmer. Tout ce que vous avez à faire est de glisser-déposer les éléments dans l'éditeur et une fois que vous avez terminé, copiez simplement le code. Cependant, trouver un bon éditeur HTML WYSIWYG n'est pas facile, surtout si vous devez être open source et gratuit. Donc, dans cet article, nous avons compilé les meilleures applications d'édition HTML WYSIWYG open source que nous pouvons trouver. Commençons. Le ferions-nous?

Meilleures applications Open Source pour l'édition HTML WYSIWYG - Meilleure

Meilleures applications d'édition HTML WYSIWYG open source

1. Pell

Peut-être que Pell est l’éditeur WYSIWYG le plus petit et le plus simple que vous rencontrerez jamais. C'est littéralement la taille d'un KB 1.38!

Fournit toutes les fonctions et formats de base tels que titres, couleur, gras, italique, menus, guillemets, liens et images. Les autres procédures disponibles incluent le retrait, les métadonnées, les schémas, le nom et la taille de la police. Une fois que vous avez fini d'écrire et de vous coordonner avec l'éditeur, Pell extrait l'intégralité du code HTML que vous pouvez simplement copier et coller sur votre site Web ou votre page, il est donc préférable d'y aller.

Meilleures applications Open Source pour l'édition HTML WYSIWYG - Meilleure

Avantages:

  1. L'application WYSIWYG la plus petite et la plus légère
  2. Aucune dépendance n'existe
  3. Facilement personnalisable

Inconvénients:

  1. Aucune édition HTML n'existe
  2. Images uniquement via des liens

Arbitre:

En regardant sa taille, Pell rend le package convaincant. Mais soyons honnêtes, vous ne pouvez implémenter que des fichiers HTML de base avec des options d'édition et d'édition limitées. Donc, si vous êtes à la recherche d'un éditeur WYSIWYG rapide et léger pour un travail très basique, vous devriez consulter Pell.

L'essayer Pell ici

2. OpenWYSIWYG

OpenWYSIWYG est un éditeur de texte riche multi-navigation, entièrement crypté en JavaScript. En copiant simplement quelques lignes de code, vous pouvez convertir n'importe quel Vers un puissant éditeur WYSIWYG pour OpenWYSIWYG.

Les options de l'interface utilisateur et les options d'édition sont similaires aux listes déroulantes de n'importe quel éditeur de texte et vous vous sentirez comme à la maison. Outre toutes les options de formatage de base, le programme dispose d'un sélecteur de couleurs amélioré avec un choix de couleurs 216 et d'un outil puissant pour formater les tableaux avec toutes les options imaginables.

Un autre avantage important d’OpenWYSIWYG est qu’avec toutes les options visuelles, vous pouvez toujours afficher le code HTML brut et le modifier.

Meilleures applications Open Source pour l'édition HTML WYSIWYG - Meilleure

Avantages:

  1. Environnement d'édition puissant
  2. L'interface utilisateur est intuitive et facile
  3. Le sélecteur de couleur et les options d'édition de table sont étendus

Inconvénients:

  1. Il n'a pas été mis à jour dans quelques années

Arbitre:

Une fois écrit en JavaScript, OpenWYSIWYG doit fonctionner avec n’importe quel autre langage de programmation Web.Si vous recherchez quelque chose d’un peu plus fort que Pell à inclure dans votre application Web, c’est une excellente option.

OpenWYSIWYG La démo est disponible ici

3. TinyMCE (version communautaire)

Le prochain éditeur de notre liste est TinyMCE, l’éditeur WYSIWYG complet pour le Web. Il est entièrement écrit en JavaScript et fournit une interface utilisateur et une expérience similaires à celles de la plupart des traitements de texte.

Viens TinyMCE dans une gamme d'options , Community Edition est une version gratuite et open source. Il est livré avec toutes les options d'édition de base telles que le formatage du texte, les menus, les tableaux ainsi que certaines options d'édition de photos.

Les développeurs ont maintenu des taux de prime basés sur votre nombre d'utilisateurs, plus vous avez d'utilisateurs, plus vous devez payer. Certaines fonctionnalités premium incluent le téléchargement et la gestion de tous vos fichiers à partir de Google Drive ou de Microsoft Azure au lieu de votre serveur, la prise en charge des extensions, le vérificateur orthographique, le vérificateur de liens et un support technique exceptionnel.

Meilleures applications Open Source pour l'édition HTML WYSIWYG - Meilleure

Avantages:

  1. Plugins de support
  2. Gestion de fichiers
  3. Support Technique
  4. L'éditeur de code de style IDE pour HTML

Inconvénients:

  1. Le prix
  2. Pas complètement open source

Arbitre:

TinyMCE, avec une option d'intégration facile, une interface conviviale et de nombreuses fonctionnalités, dont le support technique, constitue un package complet. Si vous souhaitez uniquement utiliser l'éditeur HTML WYSIWYG avec les fonctionnalités Open Source les plus riches et si vous souhaitez dépenser de l'argent, TinyMCE est la solution. Il fournit également une version d'essai gratuite pendant un mois pour leur modèle Pro que vous pouvez toujours consulter!

L'essayer TinyMCE Demo ici

4. Jodit

Jodit est un éditeur WYSIWYG rapide et léger que vous pouvez intégrer au code et commencer à modifier votre page. Sa taille est très légère par rapport à 100 et il a été entièrement écrit en TypeScript. Vous n’avez donc besoin d’aucune dépendance ni de bibliothèque pour l’exécuter.

Jodit est l’un des éditeurs WYSIWYG les plus faciles à utiliser, avec des options telles que copier, coller et déposer une image. Vous pouvez également joindre ou intégrer des vidéos YouTube ou Vimeo via un lien.

La meilleure chose à propos de Jodit est qu’il est livré avec un éditeur ACE hors de la boîte et qu’un seul bouton permet de basculer entre l’icône réelle et le mode d’aperçu. Vous pouvez modifier directement le code ou simplement les copier et les coller sur votre site Web.

Meilleures applications Open Source pour l'édition HTML WYSIWYG - Meilleure

Avantages:

  1. De taille légère, pas de bibliothèques
  2. Glisser-déposer
  3. L'éditeur ACE sort de l'ordinaire
  4. Option de support technique (Feces)

Arbitre:

Jodit vous offre le meilleur des deux mondes: l'édition WYSIWYG facile ainsi que les paramètres de code brut. Si vous êtes quelqu'un qui a au moins quelques connaissances en HTML, Jodit peut être la meilleure option pour vous.

L'essayer Jodit 

5. Summernote

Summernote est un éditeur WYSIWYG très simple, construit sur jQuery et basé sur Bootstrap. Comme il prend en charge Bootstrap, vous pouvez utiliser tous les styles et toutes les fonctionnalités pris en charge sur votre éditeur à partir de Bootswatch.

L'éditeur lui-même a une interface utilisateur très propre avec un minimum et vous pouvez même modifier les options de formatage ou les ajouter en fonction de vos besoins. Avec le mode Air de Summernote, vous pouvez même masquer toute la barre d’outils et éditer votre document très rapidement. Avec toutes les options de formatage de base, glisser-déposer, copier / coller des images, il convertit automatiquement toutes les images en base64, de sorte que vous n'avez pas du tout besoin d'appliquer de traitement de l'image.

Pour moi, le meilleur de Summernote est l’équipe de développeurs assidus qui la soutiennent et écoutent toujours la communauté et ajoutent de nouvelles modifications, telles que la prise en charge de plug-ins, de la version Lite ou de la vanilla de Summernote ne nécessite pas Bootstrap.

Meilleures applications Open Source pour l'édition HTML WYSIWYG - Meilleure

Avantages:

  1. Courbe d'apprentissage minimale
  2. Placez l'air pour une libération rapide
  3. Bootstrap prend en charge 3.xx à 4.xx
  4. Voir et éditer en HTML

Inconvénients:

  1. Il n'y a pas de support de plugin
  2. Requiert Bootstrap

Arbitre:

Summernote est probablement l'éditeur WYSIWYG le plus riche mais le plus gratuit du marché et ne cesse de s'améliorer. Si vous travaillez avec Bootstrap, cela signifie que Summernote ne vous fait pas réfléchir, mais même si ce n’est pas Summernote, cela en vaut la peine.

L'essayer Démo Summernote

6. Frola

Dernier point mais non le moindre, l'éditeur Frola La belle WYSIWYG écrite en JavaScript. Froala est l’un des outils les plus populaires de cette liste et sa popularité a été calculée auprès des développeurs grâce à une intégration simple et à une conception simple.

Froala est un éditeur très puissant en lui-même et a ajouté d'innombrables ajouts du même. Il existe plus d'un plug-in 30 comprenant un éditeur d'images sophistiqué, des émoticônes, un correcteur orthographique et une création facile de votre propre plug-in. Tous les outils sont également accessibles simultanément avec un éditeur intégré, ce qui est très pratique.

Comme TinyMCE, viens Froala a aussi beaucoup de saveurs , Mais même la version gratuite comprend toutes les fonctionnalités. La seule différence est que vous n'obtiendrez pas le code source complet ni le support technique.

Meilleures applications Open Source pour l'édition HTML WYSIWYG - Meilleure

Avantages:

  1. Editeur puissant et léger
  2. Montage intégré
  3. Un grand nombre de plugins

Inconvénients:

  1. Pas très bonne application pour téléphone / site web

Arbitre:

Froala est rapide et de taille moyenne avec une belle interface utilisateur, mais il parvient toujours à fournir toutes les fonctionnalités que l’on pourrait rechercher dans un éditeur HTML WYSIWYG. Si vous n'avez pas besoin du code source et de l'assistance technique, la version gratuite vous sera très utile, sinon vous saurez quoi faire; elle ne s'améliorera pas.

Démo Démo: Essayez Frola ici

7.CKEditor

CKEditor est très populaire parmi les utilisateurs pour être un éditeur HTML WYSIWYG magnifiquement conçu et conçu. Il est livré avec plus de 21 XNUMX tests pour vous aider à apprendre le HTML dans une conception facile à utiliser. Il existe des documents détaillés pour vous aider à perfectionner vos compétences. Certains des plus grands noms de l'industrie technologique lui font confiance.

Notez que vous devrez conserver les mentions de copyright dans chaque fichier sans supprimer le fichier LICENSE.md situé dans le dossier d'installation de CKEditor. Ce n'est pas dommage, surtout lorsque vous obtenez beaucoup de valeur en retour.

Il existe un support pour les plugins, @ mention, les emojis, les anciens navigateurs et même la saisie semi-automatique qui peuvent gagner beaucoup de temps.

Meilleures applications Open Source pour l'édition HTML WYSIWYG - Meilleure

Avantages:

  1. Documentation détaillée, tests et questions
  2. Coopération
  3. Saisie semi-automatique

Inconvénients:

  1. Conservez le fichier de licence

Obtenir CKEditor

Mention spéciale:

1. Éditeur moyen Est un clone open source de l'éditeur WYSIWYG intégré pour Medium.com. Il se distingue par une taille simple et légère, sans aucune dépendance. Bien que moins puissant, il peut constituer un excellent outil d’édition intégré pour les documents textuels.

2. Laissez-vous emballer Aperçu HTML Dans le volet Aperçu d'ajout d'Atom, vous pouvez en afficher un aperçu directement dans le code HTML, ce qui peut s'avérer très utile pour les développeurs. Bien que cela ne soit pas destiné aux débutants, c'est un excellent package à ajouter à votre flux de travail actuel si vous travaillez déjà sur la programmation HTML.

Le meilleur éditeur HTML WYSIWYG est open source

Bien que la HTML Est toujours le moyen le plus fort Construire un site web Les choses les plus complexes sont possibles, cependant, les éditeurs WYSIWYG ont leur propre place. L'apprentissage du code nécessite beaucoup de temps et d'efforts et peut ne pas avoir de sens pour tout le monde. Si vous avez Expérience antérieure en programmation Et vous n’avez pas le temps d’apprendre, vous pouvez vous échapper complètement en utilisant l’éditeur HTML open source WYSIWYG.

C’était donc l’une des meilleures applications d’édition HTML WYSIWYG HTML open source que vous pouvez utiliser aujourd’hui. Lequel choisissez-vous ou lesquels utilisez-vous déjà? Dites-nous dans la section commentaires ci-dessous.

source
Aller au bouton supérieur