This page has been robot translated, sorry for typos if any. Original content here.

Écrivains HTML Écrivains HTML

WYSIWYG HTML редакторы

WYSIWYM est une abréviation de la langue anglaise Ce que vous voyez est ce que vous voulez dire (ce que vous voyez est ce que vous voulez dire), le paradigme d'édition de document qui est apparu comme une alternative au paradigme WYSIWYG plus répandu. Dans l'éditeur WYSIWYM, l'utilisateur spécifie uniquement la structure logique du document et le contenu lui-même. L'exécution du document, son apparence finale est assignée à un logiciel séparé, ou, dans tous les cas, rendu dans une unité séparée. Ainsi, le contenu du document est complètement indépendant de sa forme.

WYSIWYG (prononcé [wɪziwɪɡ] , est une abréviation de l'anglais Ce que vous voyez, c'est ce que vous obtenez ") est la propriété des programmes d'application ou des interfaces web dans lesquelles le contenu est affiché pendant l'édition et ressemble le plus possible sur le produit final, qui peut être un document imprimé, une page Web ou une présentation. Actuellement, pour de tels programmes, le concept d '"éditeur visuel" est également largement utilisé.

La visualisation du code n'a longtemps pas été une priorité pour les développeurs. Cet article répertorie les éditeurs WYSIWYG actuellement utilisés à cette fin. Ils rendront votre travail plus facile et plus rapide. Et quel est le meilleur?

Atom.io

Atom.io - WYSIWYG HTML редакторы

Si vous avez besoin du meilleur éditeur HTML WYSIWYG, ce qui réduit le temps passé à composer du code ou à l'éditer 10 fois, c'est Atom. Essayez-le et vous serez reconnaissant. Atom.io est gratuit, et il a été créé par l'équipe Github.

Un autre outil digne d'éloges est Coda, un éditeur très cool pour les utilisateurs de Mac. Il a une interface parfaite et belle, mais il en coûte 99 $. En ce moment je préfère Atom!

Au fil des ans, de nombreux éditeurs ont été créés, mais seuls quelques-uns sont restés à un niveau élevé ou sont devenus encore meilleurs. Atom.io est utilisé par tous mes amis par les programmeurs, et je le choisis aussi.

NicEdit

Version de démonstration | Téléchargement

NicEdit - WYSIWYG HTML редакторы

NicEdit est une alternative aux éditeurs visuels plus volumineux et complexes, il est de petite taille.

Il possède également de nombreuses fonctions d'édition, et cet éditeur en ligne WYSIWYG est facile à intégrer dans le site.

TinyMCE

Version démo | Téléchargement

TinyMCE - WYSIWYG HTML редакторы

TinyMCE est un éditeur HTML WYSIWYG avec open source, écrit en JavaScript.

Il est facile à intégrer et facile à configurer avec des thèmes et des plug-ins.

TinyMCE est l'un des éditeurs les plus "complets" offrant des fonctionnalités similaires à MSWord.

CKEditor

Version démo | Téléchargement

CKEditor - WYSIWYG HTML редакторы

CKEditor est une version mise à jour de FCKEditor, qui était auparavant le leader de l'industrie.

Il était basé sur le désir de corriger les erreurs FCKEditor.

Le résultat a été un éditeur visuel à haute performance, qui offre des fonctions d'édition comparables à celles de MSWord et d'Open Office.

Éditeur de texte enrichi YUI

Version démo | Téléchargement

YUI Rich Text Editor - WYSIWYG HTML редакторы

L'éditeur WYSIWYG pour le site YUI Rich est un contrôle d'interface de Yahoo, il transforme un simple panneau de texte en un éditeur WYSIWYG complet.

L'outil est livré en plusieurs versions de différents niveaux de complexité et avec des fonctions différentes, mais dans chacun d'eux les auteurs parviennent à obtenir une excellente ergonomie (sans l'accumulation de boutons qui bouchent l'interface).

MarkItUp!

Version démo | Téléchargement

MarkItUp! - WYSIWYG HTML редакторы

Markitup est un plugin jQuery qui vous permet de transformer des zones de texte en éditeurs de balises à votre discrétion.

La syntaxe de HTML, Wiki et BBcode est juste quelques unes des options supportées.

Markitup n'est pas un éditeur WYSIWYG, mais cela ne signifie pas qu'il n'offre pas toutes les fonctions nécessaires. Il est également compact et facile à utiliser.

FreeTextBox

Version démo | Téléchargement

FreeTextBox - WYSIWYG HTML редакторы

FreeTextBox - éditeur HTML en ligne WYSIWYG, spécialement conçu pour ASP.NET.

L'apparence de l'éditeur est très similaire à Microsoft Word.

La version gratuite ne met pas en œuvre plusieurs fonctionnalités avancées, mais l'ensemble disponible est plus que suffisant pour un travail à part entière.

MooEditable

Version démo | Téléchargement

MooEditable - WYSIWYG HTML редакторы

MooEditable fournit une fonctionnalité simple mais efficace qui est implémentée sur la base d'une bibliothèque JavaScript bien écrite.

Si vous êtes un fan de Mootools, vous n'aurez aucun problème avec cela.

OpenWysiwyg

Version démo | Téléchargement

OpenWysiwyg - WYSIWYG HTML редакторы

OpenWYSIWYG est un éditeur WYSIWYG simple avec toutes les fonctions nécessaires.

Il a une belle interface utilisateur, qui comprend des éléments pop-up et des boutons.

Une de ses caractéristiques distinctives est un travail bien mis en œuvre avec des tables.

Dans le même temps, Google Chrome OpenWYSIWYG n'est toujours pas pris en charge.

jHtmlArea

Version démo | Téléchargement

jHtmlArea - WYSIWYG HTML редакторы

jHtmlArea est un autre éditeur WYSIWYG, conçu comme un plug-in pour la bibliothèque populaire JQuery.

Il est facile à utiliser et ne contient que les options les plus nécessaires.

Cela rend très facile la configuration de tous ses composants: de l'apparence à la langue.

Étymologie

OpenWysiwyg - WYSIWYG HTML редакторы
Le programme sur la gauche utilise l'éditeur visuel pour créer le document Lorem ipsum. Le programme sur la droite contient du code LaTeX qui, une fois compilé, crée un document très similaire au document de gauche. La compilation du code formaté n'est pas un processus WYSIWYG.

L'expression a été inventée par l'ingénieur Information International, Inc. (Triple-I) par Larry Sinclair pour exprimer l'idée que ce que l'utilisateur voit à l'écran, il reçoit sur l'imprimante en utilisant le "Système de mise en page". "Système de mise en page" est un système de document pré-presse d'abord montré sur l'ANPS à Las Vegas.

La phrase est devenue populaire en raison du bulletin appelé "WYSIWYG". Ses auteurs étaient Arlene et Jose Ramos (Arlene et Jose Ramos). Ce bulletin a été créé pour l'industrie des nouveaux systèmes de prépresse, qui a été mis en format électronique à la fin des années 1970. Après trois années de publication, le bulletin a été vendu au personnel du Stanford Research Institute en Californie.

Liste des éditeurs de code HTML WYSIWYG

  • Adobe GoLive
  • Adobe (Macromedia) Dreamweaver
  • Namo Webeditor
  • Microsoft FrontPage
  • Microsoft SharePoint Designer
  • Microsoft Expression Web
  • Mozilla Compositeur
  • Quanta Plus
  • Kompozer (basé sur Nvu)
  • WYSIWYG Web Builder 10
  • Fabricant de pages Web
  • ... et d'autres

Basé sur JavaScript (intégré dans une page Web)

  • Webix [fr] - une bibliothèque de composants javascript avec un éditeur de formulaire
  • TinyMCE
  • CKeditor (ancien FCKeditor)
  • CLEditor
  • NicEdit
  • elTE
  • Spaw
  • Xinha
  • dijit.Editor - widget javascript-widget Dojo Toolkit

Via internet-technologies.ru & wiki