Rich-text editors , ook bekend als online rich-text-editors , zijn webcomponenten waarmee gebruikers tekst in een webbrowser kunnen bewerken en invoeren. Rich-text-editors worden op verschillende manieren gebruikt, bijvoorbeeld door het verbeteren van het invoerscherm voor reacties of als onderdeel van een webtoepassing waarmee u door gebruikers gegenereerde en opgemaakte inhoud kunt invoeren. Rich-text editors zijn in wezen webgebaseerde WYSIWYG ("wat je ziet is wat je krijgt") editors.

Er zijn veel rich-text-editors die er zijn. Wat is nog beter dan veel keuzes? Veel van de beste rich-text-editors die momenteel op de markt zijn, zijn gratis .

In dit artikel presenteren we 20 uitzonderlijke (en gratis) rich-text-editors .

1. TinyMCE

TinyMCE is een open source (onder de GNU Lesser General Public License ) rich-text-editor vrijgegeven en onderhouden door Moxiecode . Zoals aangegeven door de naam, is TinyMCE lichtgewicht maar zeer aanpasbaar via een intuïtieve API. Met het plugin-systeem van TinyMCE kunt u thema's en plug-ins downloaden om de kerninstallatie uit te breiden.

TinyMCE | demonstratie | Download

2. FCK-editor

FCKeditor is een andere enorm populaire opensource online rich-text-editor (check out sommige van de websites die het gebruiken ). Het heeft een "Word-opschoning" -functie die automatisch tekst detecteert en opruimt die gekopieerd is uit Microsoft Word-documenten. Het heeft een van de beste HTML-functies voor het bewerken en maken van tabellen, waardoor het voor gebruikers erg gemakkelijk is om tabellen te maken en te bewerken voor het weergeven van gegevens.

FCKeditor | demonstratie | Download

3. NicEdit

NicEdit is een lichtgewicht, ongecompliceerde , cross-platform rich-text-editor die gebruikersvriendelijkheid en eenvoud benadrukt boven het blokkeren van gebruikers met te veel functies. Je kunt NicEdit op afstand bedienen via de NicEdit-website; het enige wat je hoeft te doen is een JavaScript-code-snipplet en voila kopiëren - het werkt gewoon (evenals het opslaan van je server wat systeembronnen).

NicEdit | demonstratie | Download

4. BXE

BXE is een op XML gebaseerde WYSIWYG-editor waarmee u een hele webpagina kunt wijzigen. Het is een open source applicatie sinds 2002 - en met een vrome navolging - kun je misschien snel wat hulp vinden als je problemen tegenkomt in de BXE IRC-kanaal .

BXE | demonstratie | Download

5. MarkItUp!

markItUp! is een op JavaScript gebaseerde markup-editor die is gebouwd bovenop de jQuery-bibliotheek . Met markItUp !, kunt u elk HTML-tekstgebied eenvoudig omzetten in een WYSIWYG-editor met volledige functies. Hij is licht van gewicht (het script weegt slechts 6,5 kB), ondersteunt sneltoetsen, heeft een ingebouwd Ajax-live voorbeeld en nog veel meer functies die markItUp maken! een uitstekende keuze.

markItUp! | demonstratie | Download

6. WidgEditor

De widgEditor is een open source project van Cameron Adams uitgebracht onder de GNU General Public License . Het is een eenvoudige en probleemloze HTML-oplossing voor het bewerken van tekst die normale HTML-tekstgebieden converteert naar een WYSIWYG. Omdat het JavaScript-gebaseerd is en ontworpen om gracieus te degraderen, kunnen gebruikers met JavaScript uitgeschakeld het HTML-tekstgebied nog steeds gebruiken.

widgEditor | demonstratie | Download

7. EditArea

EditArea is een gratis JavaScript-broncode-editor. Het is een uitstekende oplossing voor weblogs en websites waarmee ontwikkelaars hun eigen code kunnen bijdragen en opmaken.

EditArea | demonstratie | Download

8. Cross-browser Rich Text Editor (RTE)

Cross-Browser Rich Text Editor (kortweg "RTE") is een gratis rich-text-editor die is uitgebracht onder de Creative Commons Attribution 2.5-licentie . Het is een werk gebaseerd op de designMode functionaliteit geïntroduceerd in Internet Explorer 5 en geïmplementeerd in Mozilla Rich Text Editing API . Het heeft alleen basisfuncties, dus het is perfect voor mensen die eenvoudige ondersteuning voor het bewerken van rich-text willen toevoegen.

Cross-Browser Rich Text Editor (RTE) | demonstratie

9. YUI-bibliotheek Rich Text Editor

De Rich Text Editor van de YUI-bibliotheek is een UI-besturingselement dat deel uitmaakt van de YUI-bibliotheek . Het is een geweldige oplossing voor degenen die al YUI gebruiken en personen die bepaalde serverbronnen willen besparen (aangezien u het kunt dienen rechtstreeks van de Yahoo! servers ). De Rich Text Editor van de YUI-bibliotheek heeft ook uitstekend ondersteuning voor mobiele apparaten , waardoor het een geweldige web-toegankelijke rich-text bewerkingsoplossing is.

Yahoo! UI-bibliotheek: Rich Text Editor | demonstratie | Download

10. FreeTextBox

Webprofessionals die het .NET-framework gebruiken en bewerkingsmogelijkheden willen toevoegen aan hun webpagina's en webapps, moeten FreeTextBox bezoeken : een krachtige, volledig uitgeruste en uiterst populaire rich-text-editor voor ASP.NET. Het heeft een ingebouwde afbeeldingengalerij, een handige JavaScript-API voor aanpassingen en een volledige lijst met bewerkingsbesturingselementen voor het construeren van tabellen, geordende / ongeordende lijsten en zelfs spellingcontrole (met behulp van de IE-spellingscontrole-engine).

FreeTextBox | demonstratie | Download

11. Verdomde kleine rich text-editor

Damn Small Rich Text Editor (DSRTE) is een lichtgewicht, gratis rich-text-editor die is gebouwd bovenop de jQuery-bibliotheek en een PHP-backend. Het is plug-in-enabled (wat betekent dat het zeer uitbreidbaar is), heeft mogelijkheden voor het uploaden van afbeeldingen (met Ajax voor een responsieve gebruikersinteractie) en een HTML-opschoonfunctie om rommelige opmaak op te ruimen.

Verdorie Small Rich Text Editor | Download

12. Silverlight Rich Text Editor

Silverlight rich text-editor is de eerste rich-text-editor voor Silverlight . Het heeft veel handige functies, zoals 'zoeken en vervangen' om snel specifieke tekst te vinden of om ze te vervangen door iets anders, ondersteuning voor sneltoetsen, serialisatie van tekstinvoer voor beveiliging en nog veel meer. Merk op dat de oorspronkelijke maker gestopt is met verdere ontwikkeling (dus steek je vingers over iemand neemt zijn project op).

Silverlight rich text-editor | demonstratie | Download

13. Gratis Rich Text Editor

Free Rich Text Editor is een gratis, op JavaScript gebaseerde HTML-oplossing voor het bewerken van RTF-tekst die is uitgegeven onder de Creative Commons Attribution 2.5 Generic licentie. De interface doet denken aan de interface van Microsoft Word 2003, dus gebruikers van deze desktop-applicatie zullen het heel vertrouwd vinden. Het heeft alles wat je zou verwachten van een robuuste rich-text-editor, evenals een codeweergave om de HTML-broncode direct te bekijken en bewerken.

Gratis Rich Text Editor | demonstratie | Download

14. Dijit.Editor

De Dijit.Editor is Dijit 's ( dojo 's widgetbibliotheek) volledig uitgeruste rich-text-editor. Gebouwd bovenop de Dojo Toolkit (een populaire JavaScript-bibliotheek / framework); het is een uitstekende oplossing voor degenen die de Dojo Toolkit al gebruiken.

Dijit.Editor

15. WYMeditor

WYMeditor is een webgebaseerde HTML-editor die de nadruk legt op het gebruik van standaarden-conforme markup. Het is ontwikkeld om compliant uit te voeren HTML 4.01 Strict Doctype HTML, dus het is de perfecte oplossing voor de standaardenbewuste ontwikkelaar.

WYMeditor | demonstratie | Download

16. Whizzywig

Whizzywig is een gratis, op JavaScript gebaseerde, rich-text-editor. Afgezien van functies die u van een rich-text-editor zou verwachten, heeft Whizzywig ook een Spaanse en Duitse versie, een webveilige kleurkiezer om de kleuren van uw tekst te wijzigen en speciaal ontworpen UI-besturingselementen.

Whizzywig | demonstratie

17. openWYSIWYG

openWYSIWYG is een gratis en veelzijdige webgebaseerde content-editor die perfect is voor een groot aantal systemen voor contentmanagement. Het heeft een zeer intuïtieve "tafelcreatie" -functie om gebruikers te helpen HTML-tabellen te maken. Het heeft ook een breed scala aan browser-ondersteuning, waaronder IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ en Netscape 7+.

openWYSIWYG | demonstratie | Download

18. XStandaard

XStandard is een rich-text-editor die voldoet aan de standaarden. Het komt in twee versies: XStandard Lite - die volledig gratis is , en XStandard Pro . XStandard Lite heeft opruiming van Microsoft Word-tekst, spellingcontrole en de mogelijkheid om te communiceren met applicaties van derden.

XStandard | Download

19. Xinha

Xinha is een opensource, community-built rich-text-editor uitgebracht onder a BSD-stijllicentie . Het is zeer configureerbaar, uitbreidbaar en boordevol functies. Xinha legt de nadruk op gemeenschapsontwikkeling, en als zodanig zul je veel nuttige bijdragen vinden in de Xinha-forums .

Xinha | demonstratie | Download

20. Kupu

Kupu is een open-source "document-gecentreerde" client-side rich-text-editor uitgebracht door de internationale vereniging voor Open Source Content Management (OSCOM). Het biedt eenvoudige integratie in verschillende content management systemen, waaronder Silva en Plone , eenvoudige aanpassing en uitbreiding, en Ajax-sparen voor een ononderbroken gebruikerservaring.

Kupu | demonstratie | Download

Wat is je favoriet? Gebruikt u momenteel een van deze rich-text-editors? Gebruik je er een die niet op de lijst staat? Deel uw ervaringen en gedachten in de commentaren.

Exclusief geschreven voor WDD door Jacob Gube. Hij is een webontwikkelaar / ontwerper en auteur van Zes revisies , een blog over webontwikkeling en -ontwerp. Als je verbinding wilt maken met de auteur, dan kan dat volg hem op Twitter .