Rich-tekst redaktører , også kendt som online rich-text redaktører , er webkomponenter, der tillader brugere at redigere og indtaste tekst i en webbrowser. Richtekstredaktører bruges på mange måder, f.eks. Ved at forbedre din indtastningsformular eller som en del af en webapplikation, der tillader indtastning af brugergenereret og formateret indhold. Rich-tekst redaktører er hovedsagelig web-baseret WYSIWYG ("hvad du ser, er hvad du får") redaktører.

Der er mange rich-text redaktører derude. Hvad er endda bedre end mange valg? Mange af de bedste rige tekstredaktører, der for øjeblikket er på markedet, er gratis .

I denne artikel præsenterer vi 20 ekstraordinære (og gratis) rich-text redaktører .

1. TinyMCE

TinyMCE er en open source (under GNU Lesser General Public License ) rich-text editor frigivet og vedligeholdt af Moxiecode . Som angivet af navnet, er TinyMCE letvægts men meget tilpasses gennem et intuitivt API. TinyMCEs pluginsystem giver dig mulighed for at downloade temaer og plugins for at udvide kernen installationen.

TinyMCE | Demo | Hent

2. FCK Editor

FCKeditor er en anden vildt populær open source online rich-text editor (check ud nogle af de websteder, der bruger det ). Det har en "Word clean-up" -funktion, der automatisk registrerer og rydder op tekst, der er kopieret fra Microsoft Word-dokumenter. Det har en af ​​de bedste HTML-tabelredigering og -funktioner, hvilket gør det meget nemt for brugerne at oprette og redigere tabeller til visning af data.

FCKeditor | Demo | Hent

3. NicEdit

NicEdit er letvægts, ikke-fuss-cross-platform rich-text editor, der fremhæver brugervenlighed og enkelhed over forvirrende brugere med for mange funktioner. Du kan tjene NicEdit eksternt fra NicEdit hjemmesiden; alt du skal gøre er at kopiere en JavaScript-kodestykke og voila - det virker bare (samt at gemme din server nogle systemressourcer).

NicEdit | Demo | Hent

4. BXE

BXE er en XML-baseret WYSIWYG editor, der giver dig mulighed for at ændre en hel webside. Det har været en open source-applikation siden 2002 - og med en hengiven følge - kan du måske hurtigt finde hjælp, hvis du løber ind i problemer i BXE IRC kanal .

BXE | Demo | Hent

5. MarkItUp!

markItUp! er en JavaScript-baseret markup editor bygget på toppen af jQuery bibliotek . Med markItUp! Kan du nemt vende ethvert HTML-tekstområde til et fuldt udstyret WYSIWYG-editor. Det er letvægt (scriptet vejer kun på 6,5 kb), understøtter tastaturgenveje, har et indbygget Ajax live preview og mange flere funktioner, der gør markItUp! et fremragende valg.

markItUp! | Demo | Hent

6. WidgEditor

WidgEditor er et open source projekt af Cameron Adams udgivet under GNU General Public License . Det er en simpel og no-fuss HTML rich-text redigering løsning, der konverterer almindelige HTML textareas til en WYSIWYG. Fordi det er JavaScript-baseret og designet til at nedbryde yndefuldt, vil brugere med JavaScript slukket, stadig kunne bruge HTML-tekstområdet.

widgEditor | Demo | Hent

7. EditArea

EditArea er en gratis JavaScript kildekoden editor. Det er en fremragende løsning til weblogs og hjemmesider, der giver udviklere mulighed for at bidrage og formatere deres egen kode.

EditArea | Demo | Hent

8. Krydsbrowser Rich Text Editor (RTE)

Rich Text Editor Cross-Browser ("RTE" for kort) er en gratis rich-text editor udgivet under Creative Commons Navngivelse 2.5 licens . Det er et arbejde baseret på designMode funktionalitet introduceret i Internet Explorer 5 og implementeret i Mozilla Rich Text Editing API . Det har bare grundlæggende funktioner, så det er perfekt til enkeltpersoner, der ønsker at tilføje enkel redigering af rige tekst.

Rich Text Editor (RTE) Cross-Browser | Demo

9. YUI Library Rich Text Editor

YUI Library Rich Text Editor er en UI-kontrol, der er en del af YUI Bibliotek . Det er en fantastisk løsning for dem, der allerede bruger YUI og personer, der ønsker at spare nogle serverressourcer (da du kan tjene det direkte fra Yahoo! servere ). YUI Library Rich Text Editor har også fremragende understøttelse af mobilenhed , hvilket gør det til en fantastisk web-tilgængelig rich-text redigering løsning.

Yahoo! UI-bibliotek: Rich Text Editor | Demo | Hent

10. FreeTextBox

Web-fagfolk, der bruger .NET-rammerne, der ønsker at tilføje redigeringskapacitet til deres websider og webapplikationer, bør tjekke FreeTextBox : en robust, fuldt udstyret og ekstremt populær rich-text editor til ASP.NET. Det har et indbygget billedgalleri, en nyttig JavaScript API til tilpasning og en komplet liste over redigeringskontrol til konstruktion af tabeller, ordnede / uordnede lister og endda stavekontrol (ved hjælp af IE stavekontrolmotor).

FreeTextBox | Demo | Hent

11. Damn Small Rich Text Editor

Damn Small Rich Text Editor (DSRTE) er en let, gratis rich-text editor bygget oven på jQuery biblioteket og en PHP backend. Det er plugin-aktiveret (hvilket betyder, at det er ekstremt udvideligt), har billedoploadingsfunktioner (ved hjælp af Ajax til responsiv brugerinteraktion) og en HTML-oprydningsspecifikation for at rydde op i rodet markering.

Damn Small Rich Text Editor | Hent

12. Silverlight Rich Text Editor

Silverlight Rich Text Editor er den første Rich Text Editor Silverlight . Den har mange nyttige funktioner som "find and replace" for hurtigt at finde specifik tekst eller til batch-erstatte dem med noget andet, understøttelse af tastaturgenveje, serialisering af tekstindtastning til sikkerhed og meget mere. Bemærk, at den oprindelige skaberen har stoppet yderligere udvikling (så krydser dine fingre, som nogen vælger sit projekt).

Silverlight rige tekst editor | Demo | Hent

13. Gratis Rich Text Editor

Gratis Rich Text Editor er en gratis, JavaScript-baseret HTML-redigeringsløsningsløsning udgivet under Creative Commons Navngivelse 2.5 Generisk licens. Interfacet minder om Microsoft Word 2003s grænseflade, så brugerne af denne desktop applikation finder det ganske velkendt. Det har alt, hvad du ville forvente af en robust rich-text editor, samt en kodevisning for at forhåndsvise og redigere HTML kildekoden direkte.

Gratis Rich Text Editor | Demo | Hent

14. Dijit.Editor

Dijit.Editor er Dijit s ( Dojo s widget bibliotek) fuldt udstyret rich-tekst editor. Bygget oven på Dojo Toolkit (et populært JavaScript-bibliotek / ramme); det er en glimrende løsning for dem, der allerede bruger Dojo Toolkit.

Dijit.Editor

15. WYMeditor

WYMeditor er en web-baseret HTML editor, der understreger brugen af ​​standard-kompatible markup. Det blev udviklet til at udgive kompatibelt HTML 4.01 Streng doktype HTML, så det er den perfekte løsning for den standardbevidste udvikler.

WYMeditor | Demo | Hent

16. Whizzywig

Whizzywig er en gratis JavaScript-web-baseret rich-text editor. Bortset fra funktioner, du kan forvente af en rich-text editor, har Whizzywig også en spansk og tysk version, en websikker farvevælger til ændring af tekstens farver og brugerdefinerede brugergrænseflader.

Whizzywig | Demo

17. openWYSIWYG

openWYSIWYG er en gratis og feature-pakket web-baseret indhold editor, der er perfekt til en lang række content management systemer. Det har en meget intuitiv "tabel oprettelse" funktion til at hjælpe brugerne opbygge HTML-tabeller. Den har også en bred vifte af browser support, herunder IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ og Netscape 7+.

openWYSIWYG | Demo | Hent

18. XStandard

XStandard er en højt-standard-kompatibel rich-text editor. Den kommer i to versioner: XStandard Lite - som er helt gratis , og XStandard Pro . XStandard Lite har oprydning af Microsoft Word, stavekontrol og evnen til at interagere med tredjeparts applikationer.

XStandard | Hent

19. Xinha

Xinha er en open source, community-built rich-text editor udgivet under a BSD stil licens . Den er meget konfigurerbar, udvidelig og feature-pakket. Xinha lægger vægt på samfundsudvikling, og som sådan vil du finde mange nyttige bidragydere i Xinha fora .

Xinha | Demo | Hent

20. Kupu

Kupu er en open-source "dokument-centreret" klient-side rich-text editor udgivet af den internationale organisation for Open Source Content Management (OSCOM). Den har nem integration i en række indholdsstyringssystemer, herunder Silva og Plone , nem tilpasning og udvidelse, og Ajax sparer for en uafbrudt brugeroplevelse.

Kupu | Demo | Hent

Hvad er din favorit? Bruger du i øjeblikket nogen af ​​disse rich-text redaktører? Bruger du en, der ikke er på listen? Del dine oplevelser og tanker i kommentarerne.

Skrevet udelukkende til WDD af Jacob Gube. Han er en webudvikler / designer og forfatter af Seks Revisioner , en blog om webudvikling og design. Hvis du vil forbinde med forfatteren, kan du følg ham på Twitter .