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

HTML-Writer HTML-Writer

WYSIWYG HTML редакторы

WYSIWYM ist eine Abkürzung der englischen Sprache Was Sie sehen, was Sie meinen (was Sie sehen, ist was Sie meinen), das Dokument-Bearbeitungs-Paradigma, das sich als eine Alternative zu dem weiter verbreiteten WYSIWYG-Paradigma herausstellte. Im WYSIWYM-Editor gibt der Benutzer nur die logische Struktur des Dokuments und den Inhalt selbst an. Die Ausführung des Dokuments, sein endgültiges Aussehen, wird einer separaten Software zugewiesen oder in jedem Fall in einer separaten Einheit wiedergegeben. Somit ist der Inhalt des Dokuments völlig unabhängig von seiner Form.

WYSIWYG (ausgesprochen [wɪziwɪɡ] , ist eine Abkürzung des Englischen Was Sie sehen ist, was Sie bekommen, "was Sie sehen, ist was Sie bekommen") ist die Eigenschaft von Anwendungsprogrammen oder Web-Schnittstellen, in denen Inhalte während der Bearbeitung angezeigt wird und so nah wie möglich aussieht auf dem Endprodukt, das ein gedrucktes Dokument, eine Webseite oder eine Präsentation sein kann. Derzeit wird für solche Programme das Konzept des "visuellen Editors" ebenfalls häufig verwendet.

Die Visualisierung von Code war lange Zeit keine Priorität für Entwickler. Dieser Artikel listet die WYSIWYG-Editoren auf, die derzeit für diesen Zweck verwandt werden. Sie werden Ihre Arbeit einfacher und schneller machen. Und welches ist das Beste?

Atom.io

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

Wenn Sie den besten HTML-Editor WYSIWYG benötigen, der den Zeitaufwand für das Verfassen von Code oder das 10-fache Bearbeiten reduziert, ist es Atom. Probieren Sie es aus und Sie werden dankbar sein. Atom.io ist kostenlos und wurde vom Github-Team erstellt.

Ein weiteres lobenswertes Tool ist Coda, ein sehr cooler Editor für Mac-Anwender. Es hat eine perfekte und schöne Schnittstelle, aber es kostet 99 $. Momentan bevorzuge ich Atom!

Über die Jahre sind viele Redakteure entstanden, aber nur wenige sind auf hohem Niveau geblieben oder sind noch besser geworden. Atom.io wird von meinen Freunden von Programmierern benutzt und ich wähle es auch.

NicEdit

Demoversion | Herunterladen

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

NicEdit ist eine Alternative zu umfangreicheren und komplexeren visuellen Editoren, es ist klein.

Es bietet auch viele Editor-Funktionen, und dieser WYSIWYG-Online-Editor lässt sich einfach in die Site integrieren.

TinyMCE

Demoversion | Herunterladen

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

TinyMCE ist ein WYSIWYG HTML-Editor mit Open Source, geschrieben in JavaScript.

Es lässt sich leicht mit Themes und Plugins integrieren und einfach konfigurieren.

TinyMCE ist eine der "vollständigsten" Editoren, die ähnliche Funktionen wie MS Word bietet.

CKEditor

Demoversion | Herunterladen

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

CKEditor ist eine aktualisierte Version von FCKEditor, die zuvor der Branchenführer war.

Es beruhte auf dem Wunsch, Fehler FCKEditor zu korrigieren.

Das Ergebnis war ein visueller Editor mit hoher Leistung, der Bearbeitungsfunktionen bietet, die mit MS Word und Open Office vergleichbar sind.

YUI-Rich-Text-Editor

Demoversion | Herunterladen

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

WYSIWYG-Editor für die YUI-Rich- Site ist ein Interface-Steuerelement von Yahoo, das aus einem einfachen Text-Panel einen WYSIWYG-Editor mit vollem Funktionsumfang macht.

Das Tool wird in verschiedenen Versionen verschiedener Komplexitätsebenen und mit verschiedenen Funktionen geliefert, aber in jedem von ihnen erreichen die Autoren eine hervorragende Ergonomie (ohne die Ansammlung von Knöpfen, die die Schnittstelle verstopfen).

MarkItUp!

Demoversion | Herunterladen

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

Markitup ist ein jQuery-Plugin, mit dem Sie Textareas nach eigenem Ermessen in Markup-Editoren umwandeln können.

Die Syntax von HTML, Wiki und BBcode ist nur eine Auswahl der unterstützten Optionen.

Markitup ist kein WYSIWYG-Editor, aber das bedeutet nicht, dass es nicht alle notwendigen Funktionen bietet. Es ist auch kompakt und einfach zu bedienen.

FreeTextBox

Demoversion | Herunterladen

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

FreeTextBox - Online HTML Editor WYSIWYG, speziell für ASP.NET entwickelt.

Das Aussehen des Editors ist Microsoft Word sehr ähnlich.

Die kostenlose Version implementiert nicht mehrere erweiterte Funktionen, aber die verfügbare Menge ist mehr als genug für vollwertige Arbeit.

MooEditable

Demoversion | Herunterladen

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

MooEditable bietet eine einfache aber effektive Funktionalität, die auf der Basis einer gut geschriebenen JavaScript-Bibliothek implementiert wird.

Wenn Sie ein Fan von Mootools sind, haben Sie damit keine Probleme.

OpenWysiwyg

Demoversion | Herunterladen

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

OpenWYSIWYG ist ein browserübergreifender einfacher WYSIWYG-Editor mit allen notwendigen Funktionen.

Es hat eine schöne Benutzeroberfläche, die Popup-Elemente und Schaltflächen enthält.

Eine seiner Besonderheiten ist eine gut implementierte Arbeit mit Tabellen.

Zur gleichen Zeit wird Google Chrome OpenWYSIWYG weiterhin nicht unterstützt.

jHtmlArea

Demoversion | Herunterladen

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

jHtmlArea ist ein weiterer WYSIWYG-Editor, der als Plug-in für die beliebte JQuery-Bibliothek konzipiert wurde.

Es ist einfach zu bedienen und enthält nur die notwendigsten Optionen.

Dies macht es sehr einfach, alle seine Komponenten zu konfigurieren: vom Aussehen bis zur Sprache.

Etymologie

OpenWysiwyg - WYSIWYG HTML редакторы
Das Programm auf der linken Seite verwendet den visuellen Editor, um das Lorem-ipsum-Dokument zu erstellen. Das Programm auf der rechten Seite enthält LaTeX-Code, der beim Kompilieren ein Dokument erzeugt, das dem Dokument auf der linken Seite sehr ähnlich ist. Kompilieren von formatiertem Code ist kein WYSIWYG-Prozess.

Der Ausdruck wurde vom Ingenieur Information International, Inc. geprägt. (Triple-I) von Larry Sinclair, um die Idee auszudrücken, dass das, was der Benutzer auf dem Bildschirm sieht, er auf dem Drucker mit dem "Page Layout System" erhält. "Seitenlayoutsystem" ist ein Druckvorstufen-Dokumentensystem, das zum ersten Mal auf dem ANPS in Las Vegas gezeigt wurde.

Der Satz wurde populär durch den Newsletter "WYSIWYG". Seine Autoren waren Arlene und Jose Ramos (Arlene und Jose Ramos). Dieses Bulletin wurde für die Industrie der neuen Prepress-Systeme entwickelt, die in den späten 1970er Jahren auf elektronisches Format umgestellt wurde. Nach drei Jahren Veröffentlichung wurde das Bulletin an die Mitarbeiter des Stanford Research Institute in Kalifornien verkauft.

Liste der WYSIWYG-HTML-Code-Editoren

  • Adobe GoLive
  • Adobe (Macromedia) Dreamweaver
  • Namo Webeditor
  • Microsoft FrontPage
  • Microsoft SharePoint Designer
  • Microsoft Expression Web
  • Mozilla-Komponist
  • Quanta Plus
  • Kompozer (basierend auf Nvu)
  • WYSIWYG Web Builder 10
  • Webseiten-Maker
  • …und andere

Basierend auf JavaScript (eingebettet in eine Webseite)

  • Webix [de] - eine Bibliothek von JavaScript-Komponenten mit einem Formulareditor Rich Text
  • TinyMCE
  • CKeditor (ehemaliger FCKeditor)
  • CLEditor
  • NicEdit
  • ELRTE
  • Spaw
  • Xinha
  • dijit.Editor - javascript-Widget Widget Dojo Toolkit

Über internet-technologies.ru & wiki