25 besten WYSIWYG-HTML-Editoren (kostenlos / kostenpflichtig)

Anonim

Ein WYSIWYG ist ein Editor, mit dem ein Entwickler eine Vorschau der Endergebnisse anzeigen kann, bevor die eigentliche Benutzeroberfläche oder das eigentliche Dokument live geschaltet wird. Die vollständige Form von WYSIWYG lautet "Was Sie sehen, ist was Sie bekommen". Mit dieser Art von Software können Sie Inhalte in einem Formular so bearbeiten, dass sie beim Anzeigen oder Drucken gleich aussehen.

Es gibt zahlreiche WYSIWYG-Editoren, die Funktionen wie Multi-View- und Multi-Language-Unterstützung bieten. Es bietet auch ein vorgefertigtes Layout zum Erstellen von Websites, Unterstützung für HTML5 und CSS3 usw.

Im Folgenden finden Sie eine handverlesene Liste der Top WYSIWYG EDITOR mit ihren beliebten Funktionen und Website-Links. Die Liste enthält sowohl Open Source (kostenlos) als auch kommerzielle (kostenpflichtige) Software.

1) Traumweber

Dreamweaver ist ein beliebter HTML-Editor, mit dem Sie Websites erstellen, veröffentlichen und verwalten können. Eine mit Dreamweaver erstellte Website kann auf einen beliebigen Webserver hochgeladen werden.

Eigenschaften:

  • Dynamische Websites können mit Dreamweaver schnell entwickelt werden.
  • Es bietet vorgefertigte Layouts zum Erstellen einer Website.
  • Sie können eine Website erstellen, die für jede Bildschirmgröße geeignet ist.
  • Mit diesem Tool können Sie den Arbeitsbereich nach Ihren Wünschen anpassen.
  • Es verfügt über einen integrierten HTML-Validator zur Validierung Ihres Codes.

2) Drachen

Kite ist eine IDE für WYSIWYG-HTML-Editoren, die automatisch mehrere Zeilencodes vervollständigt. Dieser Editor unterstützt mehr als 16 Sprachen. Es hilft Ihnen, schneller und ohne Probleme zu codieren.

Preis : Kostenlos

Eigenschaften:

  • Es bietet Java-Dokumentation.
  • Dieser Editor bietet während der Eingabe eine Funktionssignatur.
  • Sie erhalten einen Tooltip zum Bewegen der Maus.
  • Bietet Unterstützung per E-Mail.
  • Verwendet Modelle für maschinelles Lernen für die Java-Sprache.

3) CoffeeCup HTML Editor

Eine Kaffeetasse ist ein WYSIWYG-HTML-Editor, mit dem Sie die Vorschau auf geteiltem Bildschirm verwenden können, um Ihre Webseite anzuzeigen. Mit dem Tool können Sie den W3C-Markup-Validierungsdienst in Ihrem Standard-Webbrowser öffnen.

Eigenschaften:

  • Hilft Ihnen, die geteilte Bildschirmvorschau für Ihre Webseite zu verwenden
  • Bereit für das Semantic Web
  • Bietet ein integriertes Validierungs-HTML-Tool, das den W3C-Markup-Validierungsdienst in Ihrem Standard-Webbrowser öffnet.
  • Mit dem integrierten FTP-Uploader können Sie die Website an einem Ort Ihrer Wahl veröffentlichen
  • Mit den Funktionen der geteilten Bildschirmvorschau können Sie Ihre Webseite in einem Browser direkt im Code-Editor anzeigen.

Link: https://www.coffeecup.com/html-editor/

4) Wix

Wix ist ein benutzerfreundlicher, anfängerfreundlicher Website-Builder per Drag & Drop. Mit diesem Web-Editor-Tool können Sie Elemente an einer beliebigen Seite an einer beliebigen Stelle ablegen.

Eigenschaften:

  • Sie können damit ein persönliches Blog für eine Portfolio-Website oder sogar einen Online-Shop erstellen.
  • Über 500 Themen und Vorlagen
  • Es kommt mit einer großen Anzahl von Vorlagen, die in vielen Kategorien gefiltert sind.
  • Angebotsfunktion zum Senden und Verwalten von Rechnungen.
  • Mehrsprachige Geschäfte.
  • Verfolgen Sie den Datenverkehr mit Google Analytics.

5) Apache NetBeans

NetBeans ist ein Open-Source-Code-Editor für die Entwicklung mit Java, PHP, C ++ und anderen Programmiersprachen. Es bietet auch Funktionen zum Analysieren und Konvertieren von Code. Sie können Ihre Anwendungen aktualisieren, um neue Java 13-Sprachkonstrukte zu verwenden.

Eigenschaften:

  • Einfaches und effizientes Projektmanagement
  • Bietet schnelle und intelligente Code-Bearbeitung
  • Schnelle Entwicklung der Benutzeroberfläche
  • Hilft Ihnen, fehlerfreien Code zu schreiben

Link: https://netbeans.apache.org

6) Editor ++

Notepad ++ ist ein beliebter, kostenlos zu verwendender Code-Editor, der in C ++ geschrieben wurde. Es verwendet die reine Win32-API, die eine höhere Ausführungsgeschwindigkeit und eine kleine Programmgröße bietet. Es wird nur in der Fensterumgebung ausgeführt und ist unter der GPL-Lizenz verfügbar.

Eigenschaften:

  • Unterstützt die Syntaxhervorhebung für Sprachen wie HTML, PHP, JavaScript und CSS.
  • Es verfügt über Funktionen zur automatischen Vervollständigung von Wörtern und Funktionen.
  • Es bietet Makroaufnahme- und Wiedergabefunktionen.
  • Benutzerdefinierte Syntaxhervorhebung und -faltung
  • Vollständig anpassbare GUI
  • Unterstützung für mehrere Ansichten und mehrere Sprachen

Link: https://notepad-plus-plus.org/

7) Google Web Designer

Mit Google Web Designer können Sie ansprechende HTML5-Inhalte erstellen. Sie können Animationen und interaktive Elemente verwenden, um Ihre kreative Vision zum Leben zu erwecken, und können nahtlos in andere Google-Produkte wie Google Drive, Google Ads, Display & Video 360 usw. integriert werden.

Eigenschaften:

  • Bietet dynamischen Workflow
  • Google Web Designer bietet eine breite Palette an Anzeige- und Videoanzeigenformaten
  • Unterstützung für Responsive-Anzeigen
  • Einfache und effektive Google-Integration
  • Hilft Ihnen, schöne, ansprechende HTML5-Inhalte zu erstellen

Link: https://webdesigner.withgoogle.com

8) Erhabener Text

Sublime Text ist ein HTML-Editor, der viele Sprachen wie JavaScript, Perl, PHP, Python, Ruby und andere unterstützt. Sie können diesen HTML-Code-Editor für Code, Markup und Prosa verwenden. Der Editor unterstützt die Betriebssysteme OS X, Windows und Linux.

Eigenschaften:

  • Hier können Sie die Syntax hervorheben.
  • Es verfügt über eine Befehlspalettenimplementierung, die Texteingaben von Benutzern akzeptiert.
  • Behandeln Sie UTF8-Stücklisten in Gitignore-Dateien
  • Zeigen Sie Ausweise für Ordner und Dateien an, um den Git-Status anzuzeigen
  • Änderungen an einer Datei werden durch Markierungen dargestellt, die in der Rinne verfügbar sind.

Link: https://www.sublimetext.com

9) TinyMCE

TinyMCE ist die Rich-Text-Bearbeitungsplattform, mit der Atlassian, Medium, Evernote (Textbearbeitungswerkzeug) und mehr gestartet werden konnten. Sie können TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, Dojo, jQuery usw. integrieren.

Eigenschaften:

  • Sehr konfigurierbar mit einem großen Ökosystem.
  • Modern, mobil und unternehmensfähig
  • Speichern und bearbeiten Sie Bilder und Dateien auf einem beliebigen Webserver
  • Bietet dynamisches Hochladen von Dateien für jeden Browser.

Link: https://www.tiny.cloud

10) CKEditor

Ckeditor ist ein intelligenter WYSIWYG-Editor, der Komponenten mit kollaborativer Bearbeitung enthält. Sie können aus Excel, Word, Tabellen usw. einfügen.

Eigenschaften:

  • Bietet Funktionen wie Autocomplete, @ Erwähnungen, Widgets,
  • Bietet volle Kontrolle über den Inhalt: HTML-Filterung und Quellmodus anzeigen.
  • Hervorragende Zugänglichkeit: Section 508, konform und WCAG 2.0 AA.
  • Benutzerdefiniertes Ausgabeformat und Markdown-Unterstützung.
  • Durch Design erweiterbar und anpassbar
  • Es hilft Ihnen, die Produktivität durch automatische Formatierung und Zusammenarbeit zu steigern.

Link: https://ckeditor.com

11) Feder

Quill ist ein kostenloser Open-Source-WYSIWYG-Editor, der für das moderne Web entwickelt wurde. Die modulare Architektur und die ausdrucksstarke API sind ein idealer HTML-Editor für alle Anforderungen.

Eigenschaften:

  • Es unterstützt alle modernen Browser auf Tablets, Desktops und Telefonen.
  • Granularer Zugriff auf Inhalte, Änderungen und Ereignisse des Editors über eine einfache API.
  • Rich-Text-Editoren, die dazu dienen, Text zu schreiben.
  • Hier können Sie benutzerdefinierte Inhalte und Formatierungen vornehmen.

Link: https://quilljs.com

12) Froala

Froala ist der WYSIWYG-HTML-Editor der nächsten Generation. Dieser einfach zu integrierende Editor wird von Entwicklern aufgrund seines klaren Designs häufig verwendet.

Eigenschaften:

  • Leistungsstarke API und Dokumentation
  • Bietet mehr als 30 sofort einsatzbereite Plugins zur Auswahl
  • Der WYSIWYG-HTML-Editor hat ein grundlegendes Javascript-Tool in eine für viele Branchen unverzichtbare Technologie verwandelt.
  • Der Froala-Rich-Text-Editor bietet eine Vielzahl einfacher und komplexer Funktionen für alle Arten von Anwendungsfällen.

Link : https://froala.com/wysiwyg-editor/

13) Komodo Edit

Komodo Edit ist ein einfach zu bedienendes und leistungsstarkes Code-Bearbeitungswerkzeug. Sie können damit Debugging, Unit-Tests und Code-Refactoring durchführen. Es bietet auch Codeprofile sowie Integrationen mit anderen Technologien wie Grunt, PhoneGap, Docker, Vagrant und vielen mehr.

Eigenschaften:

  • Mehrsprachiger Editor
  • Viele zeitgemäße Farbschemata
  • Native Unicode-Unterstützung und Kompatibilitätsprüfung
  • Einfache Integration in die Desktop-Umgebung.

Link: https://www.activestate.com/products/komodo-ide/

14) Visual Studio-Code

Visual Studio Code ist eine von Microsoft entwickelte Open-Source-Code-Editor-Software. Es bietet integrierte Unterstützung für TypeScript, JavaScript und Node.js. Es wird automatisch mit IntelliSense-Funktionen vervollständigt, die intelligente Vervollständigungen basierend auf wesentlichen Modulen, Variablentypen und Funktionsdefinitionen bieten.

Eigenschaften:

  • Einfache Arbeit mit Git und anderen SCM-Anbietern (Software Configuration Management)
  • Code Refactoring & Debugging
  • Unterstützte Plattformen sind Mac, Windows, Linux
  • Leicht erweiterbar und anpassbar

Link: https://code.visualstudio.com/

15) OpenElement

OpenElement ist eine Freeware-Website-Design- und Authoring-Anwendung, die von Element Technologie veröffentlicht wird. Das Tool wird von Chromium, der Google Chrome-Engine, unterstützt und läuft unter Microsoft Windows.

Eigenschaften:

  • Intuitive Schnittstelle
  • Alles ist editierbar
  • Hilft Ihnen bei der Verwaltung von Code
  • Wiederverwendbare Stile und Elementpakete
  • Browserübergreifend
  • Mehrsprachige Websites
  • Sich anpassendes Design
  • Vollständig anpassbares CSS
  • Elementeditor - Elemente erstellen und freigeben
  • Einfache Integration der Bild- und Codeoptimierung
  • Angetrieben von Chrom

Link: https://www.openelement.com

16) NoteTab

NoteTab ist der beste Notepad-Ersatz auf dem Markt. Für Webmaster ist es der schnellste HTML-Editor. Es ist der vielseitigste Texteditor, der eine verbesserte Syntaxhervorhebung für HTML bietet.

Eigenschaften:

  • Suchen mit benutzerfreundlichen Platzhaltern
  • Wortanzahl in Echtzeit
  • Syntaxhervorhebung für CSS
  • Textstatistik für SEO
  • Unterstützung für HTML5 und CSS3
  • Neue HTML / CSS-Bibliotheken

Link: https://www.notetab.com

17) Atom

Atom ist ein nützliches HTML-Code-Editor-Tool, das von Programmierern aufgrund seiner einfachen Oberfläche im Vergleich zu den anderen Editoren bevorzugt wird. Atom-Benutzer können Pakete und diese für die Software einreichen.

Eigenschaften:

  • Package Manager Integriert für die Unterstützung von Plugins
  • Die Funktion der intelligenten automatischen Vervollständigung
  • Automatische Vervollständigung: Wortvervollständigung, Funktionsvervollständigung
  • Makroaufnahme und -wiedergabe
  • Unterstützt mehrere Fenster
  • Es hat einen integrierten Paketmanager.
  • Diese plattformübergreifende Werkzeugbearbeitung
  • Durchsuchen Sie die Vorschau und ersetzen Sie den in eine Datei eingegebenen Text im gesamten Projekt.
  • Es bietet eine Befehlspalette mit Elementen, die wiederholt verwendet werden.
  • Plattformübergreifende Bearbeitung zulassen

Link: https://atom.io/

18) Ultra bearbeiten

Ultra-Edit ist ein weit verbreiteter, leistungsstarker Texteditor, der das leistungsstärkste Abonnementpaket erfüllt und für jedes Budget geeignet ist. Sie können eine große Datei mit einer Größe von mehr als 4 GB problemlos öffnen und bearbeiten.

Eigenschaften:

  • Leistungsstarke Suche: Suchen und Ersetzen in Dateien, inverse Suche regulärer Ausdrücke usw.
  • Hervorhebung der Codesyntax in einer anderen Programmiersprache
  • Bietet Code-Faltung und hierarchische Funktionsliste
  • Sie können den Quellcode neu formatieren
  • Merkmal der XML-Behandlung: XML-Baumansicht, Neuformatierung, Validierung usw.
  • Multi-Caret-Bearbeitung und Mehrfachauswahl
  • Unterstützt die Bearbeitung des Spaltenmodus (Blockmodus)
  • Suchen: Suchen und Ersetzen in Dateien, regulären Ausdrücken, inverse Suche usw.
  • Hervorhebung der Codesyntax in einer beliebigen Programmiersprache
  • Leistungsstarkes XML-Handling
  • Intelligente Vorlagen - automatische Vervollständigung intelligenten Codes
  • XML / HTML-Tags automatisch schließen

Link: https://www.ultraedit.com

19) WYSIWYG Web Builder

WYSIWYG Web Builder ist ein benutzerfreundliches und äußerst reaktionsschnelles Tool. Sie können damit Tausende kostenlos verwendbarer Bilder in hoher Qualität durchsuchen.

Eigenschaften:

  • Fügen Sie Ihrer Website ganz einfach Google-Schriftarten und andere Web-Schriftarten hinzu.
  • Leichte Benachrichtigungen, die die Push-Benachrichtigungen nachahmen sollen
  • Bietet mehr als 150 vordefinierte Animationen
  • Senden Sie E-Mails, laden Sie Dateien hoch und speichern Sie Daten in MySQL

Link: https://www.wysiwygwebbuilder.com

20) BlueGriffon

BlueGriffon ist ein Open-Source-HTML-Editor, der von Gecko, der Rendering-Engine von Firefox, unterstützt wird. Es verfügt über eine einfache Benutzeroberfläche und die gängigsten Funktionen zum Erstellen von Webseiten.

Eigenschaften:

  • Einfach, die Farbe der Schriftart zu ändern oder den Rahmenstil anzupassen
  • Öffnet Registerkarten aus der letzten Sitzung
  • Unterstützt Mac-, Windows- und Linux-Plattformen
  • Verknüpfungen für die CSS-Bearbeitung
  • Mehrere Themen für die Quellansicht

Link: http://bluegriffon.org

21) Alohaeditor

Aloha ist ein WYSIWYG-Editor. Mit Hilfe dieses HTML-Editors ist es möglich, eine Website direkt im Portal zu bearbeiten. Das Tool ermöglicht die schnelle und unkomplizierte Bearbeitung von Fotos, Grafiken, Animationen und Texten.

Eigenschaften:

  • Hilft Ihnen, den Umfang des Content Managers zu reduzieren
  • Leicht erweiterbare Basis basierend auf Ihren Anforderungen und Vorlieben.
  • Kopieren Sie Ihre Inhalte ohne Formatierungsprobleme aus Microsoft Word.
  • Mit diesem Bildeditor können Sie den Inhalt Ihrer Website bearbeiten.

Link: https://www.alohaeditor.org

22) Klammern

Brackets ist ein leichtes Tool, das von Adobe entwickelt wurde. Es ist ein idealer Texteditor, der Open Source ist. Mit diesem Tool können Sie zwischen Ihrem Quellcode und der Browseransicht wechseln.

Eigenschaften:

  • Mit der Funktion zur schnellen Bearbeitung der Benutzeroberfläche werden kontextspezifischer Code und Tools inline geschaltet
  • Bietet Live-Vorschau, Pre-Prozessor-Unterstützung und Inline-Editoren
  • Speziell entwickeltes Tool für macOS
  • Es wird mit dem integrierten Erweiterungsmanager für ein schnelles und effektives Erweiterungsmanagement geliefert.

Link: http://brackets.io/

23) Aptana

Aptana ist ein leistungsstarkes Open-Source-Webentwicklungstool. Es bietet viele anpassbare neue Funktionen, mit denen Sie produktiver arbeiten können. Mit diesem Tool können Sie Webanwendungen schnell und einfach mithilfe der branchenweit führenden Webanwendungs-IDE erstellen.

Eigenschaften:

  • HTML-, CSS- und JavaScript-Code-Assistent
  • Synchronisierte Setups
  • Hilft Ihnen beim Zugriff auf ein Befehlszeilenterminal zur Ausführung von Betriebssystembefehlen und -sprachen
  • Bietet Ihnen an, Ihre Projekte unter die Kontrolle des Git-Quellcodes zu stellen
  • Die integrierten Ruby & Rails- und JavaScript-Debugger

Link: http://www.aptana.com

24) Coteditor

Coteditor ist ein nützlicher HTML-Editor für macOS. Daher sieht es genauso aus und verhält sich genauso wie MacOS-Anwendungen. Mit dem Tool können Sie Ihren Text sofort schreiben, wann immer Sie möchten.

Eigenschaften:

  • Kolorieren Sie mehr als 50 vorinstallierte Hauptsprachen wie HTML, Python, PHP oder Ruby.
  • Teilen Sie ein Fenster in mehrere Bereiche
  • Überprüfen Sie die Unicode-Zeichendaten jedes ausgewählten Zeichens
  • Ermöglicht das Erstellen eines eigenen Makros in Ihrer Lieblingssprache
  • Schätzen Sie verschiedene Dateicodierungen genau ab.
  • Sie können über ein Fenster mit Standardeinstellungen auf alle Einstellungen zugreifen, einschließlich Syntaxdefinitionen und Themen.

Link: https://coteditor.com

25) ContentTools

Das ContentTools ist eine kostenlose HTML-Editor-Software. Es gehört zu einer Sammlung von Bibliotheken, die zum Erstellen von Tools entwickelt wurden, die das Bearbeiten von HTML-Inhalten erleichtern. Das Tool bietet eine Bibliothek mit einem voll funktionsfähigen Seiteneditor, der Gegenstand des Handbuchs Erste Schritte ist.

Eigenschaften:

  • Die IT bietet eine vollständige API-Dokumentation und Beispiele.
  • Der ContentTools WYSIWYG-Editor sollte in wenigen einfachen Schritten zu jeder HTML-Seite hinzugefügt werden
  • Schritt-für-Schritt-Anleitungen für häufig verwendete Szenarien und weiterführende Themen

Link: http://getcontenttools.com/

26) Zusammenfassung

Summernote ist ein einfach zu installierender HTML-Editor. Es unterstützt Bootstrap 3.xx 4.XX Es bietet eine einfache Integration mit 3 rd Parteien wie Django, Rails und Winkel,

Eigenschaften

  • Einfach zu installierender HTML-Editor
  • Passen Sie an, indem Sie verschiedene Tränke und Module initialisieren.
  • Einfache Integration mit Drittanbietern wie Django, Rails und Angular.
  • Intelligente Benutzerinteraktion
  • Unterstützt Safari-, Chrome-, Firefox-, Opera- und Edge-Browser.
  • Funktioniert mit verschiedenen Betriebssystemen wie Windows, MacOS, Linux usw.

Link: https://summernote.org

27) Textbox.io

Die HTML-Bearbeitungstools von Textbox.io und die einfache Benutzeroberfläche. Damit können Sie HTML auf Ihrem Desktop und auf Ihrem Handy erstellen. Dieses HTML-Bearbeitungstool enthält Textformatierungen, Hyperlinks, Tabellen usw.

Eigenschaften:

  • Integrierte Bildverarbeitung und -speicherung
  • Datei per Drag & Drop
  • Rechtschreibprüfung und Autokorrektur
  • Bereinigen Sie das Kopieren und Einfügen aus Microsoft Word
  • Browserübergreifende Unterstützung

Link : https://textbox.io