Rich-Text-Editoren , auch bekannt als Online-Rich-Text-Editoren sind Webkomponenten, mit denen Benutzer Text in einem Webbrowser bearbeiten und eingeben können. Rich-Text-Editoren werden auf vielfältige Weise verwendet, z. B. zur Verbesserung des Kommentareingabeformulars oder als Teil einer Webanwendung, die die Eingabe von benutzergenerierten und formatierten Inhalten ermöglicht. Rich-Text-Editoren sind im Wesentlichen Web-basierte WYSIWYG ("was Sie sehen, ist was Sie bekommen") Editoren.

Es gibt viele Rich-Text-Editoren. Was ist noch besser als viele Entscheidungen? Viele der besten Rich-Text-Editoren, die derzeit auf dem Markt sind, sind kostenlos .

In diesem Artikel präsentieren wir 20 außergewöhnliche (und kostenlose) Rich-Text-Editoren .

1. TinyMCE

TinyMCE ist eine Open Source (unter der GNU Lesser General Public Lizenz ) Rich-Text-Editor freigegeben und gepflegt von Moxiecode . Wie der Name schon sagt, ist TinyMCE leicht, aber durch eine intuitive API sehr anpassbar. Mit dem Plugin-System von TinyMCE können Sie Themen und Plugins herunterladen, um die Kerninstallation zu erweitern.

TinyMCE | Demo | Herunterladen

2. FCK-Editor

FCKeditor ist ein weiterer sehr beliebter Open-Source-Online-Rich-Text-Editor (Check-out einige der Websites, die es verwenden ). Es verfügt über eine "Word-Bereinigung" -Funktion, die automatisch Text erkennt und bereinigt, der aus Microsoft Word-Dokumenten kopiert wurde. Es verfügt über eine der besten HTML-Tabellenbearbeitungs- und -erstellungsfunktionen, die es Benutzern sehr einfach macht, Tabellen zum Anzeigen von Daten zu erstellen und zu bearbeiten.

FCKeditor | Demo | Herunterladen

3. NicEdit

NicEdit ist ein leichtgewichtiger plattformunabhängiger Rich-Text-Editor, der die Benutzerfreundlichkeit und Einfachheit gegenüber Benutzern mit zu vielen Funktionen betont. Sie können NicEdit von der NicEdit Website aus fern bedienen; Alles, was Sie tun müssen, ist ein JavaScript-Code-Snipplet kopieren und voila - es funktioniert einfach (und spart Ihrem Server einige Systemressourcen).

NicEdit | Demo | Herunterladen

4. BXE

BXE ist ein XML-basierter WYSIWYG-Editor, mit dem Sie eine ganze Webseite ändern können. Es ist eine Open - Source - Anwendung seit 2002 - und mit einer gewissenhaften Nachfolge - können Sie schnell Hilfe finden, wenn Sie Probleme in der BXE IRC-Kanal .

BXE | Demo | Herunterladen

5. MarkItUp!

markItUp! ist ein JavaScript-basierter Markup-Editor, der auf dem jQuery-Bibliothek . Mit markItUp! Können Sie jedes HTML-Textfeld in einen WYSIWYG-Editor mit vollem Funktionsumfang verwandeln. Es ist leicht (das Skript wiegt nur 6.5kb), unterstützt Tastaturkürzel, hat eine eingebaute Live-Vorschau und viele weitere Features, die markItUp! eine ausgezeichnete Wahl.

markItUp! | Demo | Herunterladen

6. WidgEditor

Der WidgEditor ist ein Open-Source-Projekt von Cameron Adams veröffentlicht unter der GNU General Public Lizenz . Es ist eine einfache und unkomplizierte HTML-Rich-Text-Bearbeitungslösung, die normale HTML-Textareas in ein WYSIWYG konvertiert. Da es JavaScript-basiert ist und so gestaltet ist, dass es sich leicht verschlechtert, können Benutzer mit deaktiviertem JavaScript das HTML-Textfeld weiterhin verwenden.

widgEditor | Demo | Herunterladen

7. EditArea

EditArea ist ein kostenloser JavaScript-Quelltext-Editor. Es ist eine ausgezeichnete Lösung für Weblogs und Websites, die es Entwicklern ermöglichen, ihren eigenen Code beizutragen und zu formatieren.

Bearbeitungsbereich | Demo | Herunterladen

8. Browserübergreifender Rich Text Editor (RTE)

Der Cross-Browser Rich Text Editor (kurz "RTE") ist ein kostenloser Rich-Text-Editor, der unter dem Namen Creative Commons Attribution 2.5-Lizenz . Es ist eine Arbeit basierend auf der Entwurfsmodus Funktionalität eingeführt in Internet Explorer 5 und implementiert in Mozilla Rich-Text-Bearbeitungs-API . Es verfügt nur über grundlegende Funktionen und eignet sich daher ideal für Personen, die einfache Rich-Text-Editing-Unterstützung hinzufügen möchten.

Browserübergreifender Rich Text Editor (RTE) | Demo

9. YUI-Bibliothek Rich Text Editor

Der YUI-Bibliothek Rich Text Editor ist ein UI-Steuerelement, das Teil des YUI-Bibliothek . Es ist eine großartige Lösung für diejenigen, die bereits YUI und Einzelpersonen verwenden, die einige Serverressourcen sparen möchten (da Sie sie bedienen können) direkt von der Yahoo! Server ). Der YUI-Bibliothek Rich Text Editor hat auch ausgezeichnete Unterstützung mobiler Geräte Dies macht es zu einer großartigen webfähigen Rich-Text-Bearbeitungslösung.

Yahoo! UI-Bibliothek: Rich-Text-Editor | Demo | Herunterladen

10. FreeTextBox

Webprofis, die das .NET-Framework verwenden, das ihren Webseiten und Webanwendungen Bearbeitungsfunktionen hinzufügen möchte, sollten FreeTextBox ausprobieren : einen robusten, voll ausgestatteten und äußerst populären Rich-Text-Editor für ASP.NET. Es verfügt über eine integrierte Bildergalerie, eine hilfreiche JavaScript-API zur Anpassung und eine vollständige Liste der Bearbeitungssteuerelemente zum Erstellen von Tabellen, sortierten / ungeordneten Listen und sogar Rechtschreibprüfung (mithilfe der IE-Rechtschreibprüfungs-Engine).

FreeTextBox | Demo | Herunterladen

11. Verdammter kleiner Rich Text Editor

Damn Small Rich Text Editor (DSRTE) ist ein leichter, kostenloser Rich-Text-Editor, der auf der jQuery-Bibliothek und einem PHP-Backend aufbaut. Es ist Plugin-fähig (was bedeutet, dass es sehr erweiterbar ist), hat Bild-Upload-Funktionen (mit Ajax für reaktionsschnelle Benutzerinteraktion) und eine HTML-Bereinigungsfunktion, um unordentliches Markup aufzuräumen.

Verdammt kleiner Rich Text Editor | Herunterladen

12. Silverlight-Rich-Text-Editor

Silverlight Rich Text Editor ist der erste Rich-Text-Editor für Silverlight . Es hat viele nützliche Funktionen wie "Suchen und Ersetzen", um schnell nach bestimmten Texten zu suchen oder sie durch etwas anderes zu ersetzen, Tastaturkürzel-Unterstützung, Serialisierung von Texteingabe für Sicherheit und vieles mehr. Beachten Sie, dass der ursprüngliche Ersteller die weitere Entwicklung gestoppt hat (drücken Sie also Ihre Finger, wenn jemand sein Projekt annimmt).

Silverlight-Rich-Text-Editor | Demo | Herunterladen

13. Kostenloser Rich-Text-Editor

Free Rich Text Editor ist eine kostenlose, JavaScript-basierte HTML-Rich-Text-Bearbeitungslösung unter der Creative Commons Namensnennung 2.5 Nicht verfügbar Lizenz. Die Benutzeroberfläche erinnert an die Benutzeroberfläche von Microsoft Word 2003, so dass die Benutzer dieser Desktop-Anwendung sie sehr gut kennen. Es bietet alles, was Sie von einem robusten Rich-Text-Editor erwarten, sowie eine Code-Ansicht, um den HTML-Quellcode direkt anzuzeigen und zu bearbeiten.

Freier Rich-Text-Editor | Demo | Herunterladen

14. Dijit.Editor

Der Dijit.Editor ist Dijit ist ( Dojo Widget-Bibliothek) voll funktionsfähigen Rich-Text-Editor. Basierend auf dem Dojo Toolkit (einer beliebten JavaScript-Bibliothek / Framework); Es ist eine ausgezeichnete Lösung für diejenigen, die bereits das Dojo Toolkit verwenden.

Dijit.Editor

15. WYMeditor

WYMeditor ist ein webbasierter HTML-Editor, der die Verwendung von standardkonformem Markup hervorhebt. Es wurde entwickelt, um konform zu produzieren HTML 4.01 Streng Doctype HTML, also ist es die perfekte Lösung für den standardbewussten Entwickler.

WYMeditor | Demo | Herunterladen

16. Whizzywig

Whizzywig ist ein kostenloser JavaScript-Web-basierter Rich-Text-Editor. Neben Funktionen, die Sie von einem Rich-Text-Editor erwarten, verfügt Whizzywig auch über eine spanische und eine deutsche Version, eine websichere Farbauswahl zur Änderung der Textfarben und benutzerdefinierte UI-Steuerelemente.

Whizzywig | Demo

17. openWYSIWYG

openWYSIWYG ist ein kostenloser und funktionsreicher webbasierter Content-Editor, der sich perfekt für eine Vielzahl von Content-Management-Systemen eignet . Es hat eine sehr intuitive "Tabellenerstellung" -Funktion, um Benutzern beim Erstellen von HTML-Tabellen zu helfen. Es hat auch eine breite Palette von Browser-Unterstützung einschließlich IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ und Netscape 7+.

openWYSIWYG | Demo | Herunterladen

18. Standard

XStandard ist ein Rich-Text-Editor mit hohem Standard. Es kommt in zwei Versionen: XSStandard Lite - Das ist völlig kostenlos und XStandard Pro . XSStandard Lite verfügt über Microsoft Word-Textreinigung, Rechtschreibprüfung und die Möglichkeit, mit Anwendungen von Drittanbietern zu interagieren.

Standard | Herunterladen

19. Xinha

Xinha ist ein Open Source, Community-gebaut Rich-Text-Editor unter einem veröffentlicht BSD-Lizenz . Es ist in hohem Maße konfigurierbar, erweiterbar und funktionsreich. Xinha legt großen Wert auf die Entwicklung der Community und als solche finden Sie viele hilfreiche Mitwirkende in der Xinha Foren .

Xinha | Demo | Herunterladen

20. Kupu

Kupu ist ein Open-Source-Dokument-zentrierter clientseitiger Rich-Text-Editor, der von der internationalen Vereinigung für Open Source Content Management (OSCOM) veröffentlicht wurde. Es bietet eine einfache Integration in eine Vielzahl von Content-Management-Systemen einschließlich Silva und Plone , einfache Anpassung und Erweiterung sowie Ajax-Speicherung für eine unterbrechungsfreie Benutzererfahrung.

Kupu | Demo | Herunterladen

Was ist Ihre Lieblings? Verwenden Sie derzeit einen dieser Rich-Text-Editoren? Benutzt du einen, der nicht auf der Liste steht? Teile deine Erfahrungen und Gedanken in den Kommentaren.

Geschrieben exklusiv für WDD von Jacob Gube. Er ist ein Webentwickler / Designer und Autor von Sechs Revisionen , ein Blog über Web-Entwicklung und Design. Wenn Sie sich mit dem Autor verbinden möchten, können Sie folge ihm auf Twitter .