Graafiline redaktor html-lehtede jaoks. HTML-i redigeerijad

Koodi visualiseerimine pole pikka aega olnud arendajate jaoks prioriteet. Selles artiklis on loetletud 9 WYSIWYG-redaktorit, mida neil eesmärkidel kasutatakse. Soovitame sellega tutvuda juhuks, kui teie projekti elluviimisel tekib sarnane ülesanne.

Milline on 2016. aasta parim toimetaja?

Sellest artikli jaotisest leiate suurepärased toimetajad, mis muudavad teie töö lihtsamaks ja kiiremaks. Milline neist on parim?

Toimetaja valik: Atom.io

Aastate jooksul on loodud palju toimetajaid, kuid vaid vähesed on püsinud kõrgel tasemel või muutunud veelgi paremaks. Atom.io-d kasutavad kõik mu programmeerijatest sõbrad ja ka mina valin selle.

Kui soovite parimat HTML WYSIWYG-redaktorit, mis vähendab koodi kirjutamisele või redigeerimisele kuluvat aega 10 korda, siis Atom on see. Proovige seda ja te tänate mind. Atom.io on tasuta ja selle on loonud Githubi meeskond.

Teine tööriist, mis väärib kiitust, on Coda, mis on väga lahe toimetaja Maci kasutajatele. Tal on täiuslik ja ilus liides aga see maksab 99 dollarit. Sel hetkel Ma eelistan Atomit!

Nüüd ülevaade ülejäänud toimetajatest.

1. NicEdit

Demo | Lae alla


NicEdit on alternatiiv suurematele ja keerukamatele visuaalsetele redaktoritele väike suurus. Sellel on ka palju funktsioone, mida toimetaja vajab, ja seda veebipõhist WYSIWYG-redaktorit on lihtne oma veebisaidiga integreerida.

2. TinyMCE

Demo | Lae alla


TinyMCE on avatud lähtekoodiga WYSIWYG HTML-redaktor, mis on kirjutatud JavaScriptis. See integreerub hõlpsalt ja on hõlpsasti kohandatav teemade ja pistikprogrammidega. TinyMCE on üks "täielikumaid" toimetajaid, pakkudes MSWordile sarnaseid funktsioone.

3.CKEredaktor

Demo | Lae alla


CKEditor on uuendatud versioon FCKEditor, mis oli varem tööstusharu liider. See põhines soovil parandada FCKEditori vigu. Tulemuseks oli visuaalne redaktor Koos suur jõudlus, mis pakub redigeerimisfunktsioone, mis on võrreldavad MSWordi ja Open Office'iga.

4. YUI Rich Text Editor

Demo | Lae alla


WYSIWYG-redaktor saidi YUI Rich jaoks on Yahoo liidese juhtseade, mis muudab lihtsaks tekstipaneel täisfunktsionaalne WYSIWYG-redaktor. Tööriista on saadaval mitmes erineva keerukusega versioonis ja erinevate funktsioonidega, kuid igaühes neist õnnestub autoritel saavutada suurepärane ergonoomika ( ilma, et nuppude segadus liidest ummistaks).

5. MarkItUp!

Demo | Lae alla


Markitup on jQuery pistikprogramm, mis võimaldab teil muuta tekstialad teie valitud märgistuse redaktoriteks. HTML-i süntaks, Wiki ja BBcode on vaid mõned toetatud valikutest. Markitup ei ole WYSIWYG-redaktor, kuid see ei tähenda, et see ei paku kõiki vajalikke funktsioone. Samuti on see kompaktne ja hõlpsasti kasutatav.

6. FreeTextBox

Demo | Lae alla


FreeTextBox on veebipõhine WYSIWYG HTML-redaktor, mis on spetsiaalselt loodud ASP.NET-i jaoks. Toimetaja välimus on väga sarnane Microsoft Word. IN tasuta versioon Mitmeid täiustatud funktsioone ei rakendata, kuid saadaolevast komplektist piisab täieõiguslikuks tööks.

7.MooEditable

Demo | Lae alla


MooEditable pakub lihtsat, kuid tõhusat funktsiooni, mida rakendatakse hästi kirjutatud JavaScripti teegi abil. Kui olete Mootoolsi fänn, pole teil sellega probleeme.

8.OpenWysiwyg

Demo | Lae alla


OpenWYSIWYG on brauseriülene lihtne WYSIWYG-redaktor, mis sisaldab kõiki vajalikud funktsioonid. Sellel on ilus kasutajaliides, mis sisaldab lendlehti ja nuppe. Üks tema omadest eristavad tunnused on hästi teostatud tabelitega töö. Samal ajal sisse Google Chrome OpenWYSIWYG-d ei toetata endiselt.

9.jHtmlAla

Demo | Lae alla


jHtmlArea on veel üks WYSIWYG-redaktor, mis on loodud populaarse JQuery teegi pistikprogrammina. Seda on lihtne kasutada ja see sisaldab ainult kõige rohkem nõutavad valikud. See muudab selle kõigi komponentide kohandamise väga lihtsaks: välimusest keeleni.

Koodiredaktorite puhul on mõnikord keeruline saada selget ülevaadet kõigist erinevate redaktorite pakutavatest eelistest ja funktsionaalsusest. Lõpuks on see siiski nõutav vähemaltüks, seega on oluline teada, milline redaktor teie isiklikele vajadustele kõige paremini sobib.

Käsitsi koodi loomise pooldajad kritiseerivad sageli WYSIWYG toimetajaid, kuna need on ülespuhutud, segased ja standarditele mittevastavad. allikas, mida need toimetajad toodavad. Siiski sisse Hiljuti WYSIWYG-i toimetajad on muutunud palju paremaks. Mõnikord peate oma klientidele kõige rohkem pakkuma lihtsad tööriistad oma veebisaitide muutmiseks või värskendamiseks. Ja siin on WYSIWYG toimetajad asendamatud.

Oleks vale soovitada teile mõnda "parimat" toimetajat, sest valik sõltub alati teie vajadustest, peamistest eesmärkidest, oskustest ja kogemustest. Seetõttu püüdsime selles artiklis anda teile ülevaate erinevatest, kasulikest ja mitte nii WYSIWYG-i toimetajatest.
Loodame, et leiate uusi toimetajaid, kellest te pole kunagi varem kuulnud. Või leiate oma lemmikredaktorist mõned funktsioonid, millest jäite ilma, või katsetage oma töövoo parandamiseks mitmeid paljutõotavaid võimalusi. Lisaks saate teada, milliseid redaktoreid saate kasutada ja milliseid tööriistu mitte kasutada.

Mida see tähendab WYSIWYG?

Sellistes toimetajates saate muuta mitte oma dokumentide lähtekoodi, vaid selle esitust, mis (võimaluse korral) avaldatakse lõppdokumendis. Nii saate koodiplokkide käsitsi kirjutamise asemel juhtida kujundust redaktoriakna abil komponentidega. See tähendab, et näete midagi väga sarnast lõpptulemusele, kuigi dokument või pilt on alles loomisel.

Märge: Selles artiklis käsitletakse ainult töölauale orienteeritud WYSIWYG-redaktoreid, mis töötavad Windowsis, Linuxis või Macis, ja ei käsitle JavaScripti WYSIWIG-i redigeerijaid.

Adobe Dreamweaver

Varem Macromedia toode, Dreamweaver on tööriist, mis on üks enim kasutatavaid toimetajaid, mis aitab arendajatel parandada oma töövoogu ja säästa kodeerimisel palju aega. Kui varasemad versioonid Dreamweaver genereeris mõnikord omapärase lähtekoodi, kuid uusim versioon võib genereerida (enamikul juhtudel) täiesti puhta märgistuse.

Dreamweaver pakub ka erinevaid kasulikud tööriistad, nagu koodilõigu teegid, ftp-haldus, silumisserver ja keerukas kodeerimine. Näiteks saate vaadata CSS-teavet ühel ühtsel CSS-i paneelil, mis muudab teie jaoks rakendatud stiilide vaatamise lihtsaks. konkreetsed elemendid, määrake, kus atribuudid on määratletud, ja redigeerige olemasolevaid stiile. Vaadake ka meie Dreamweaveri õpetuste loendit. Hind: 400 dollarit (CS3 versioon).

Mõned Dreamweaveri paljudest funktsioonidest:
* Täiustatud CSS-i redigeerimine
* Integreeritud kodeerimiskeskkond
* Spry raamistik Ajaxi jaoks
* Brauseri ühilduvuse kontrollimine.
* Integratsioon Photoshop CS3 ja Fireworksiga.
* Koodilõigud (nt CSS-vormingud)
* FTP haldus
* XML-i tugi
*FLV tugi
* Koolitusressursid (nt Adobe CSS Advisor)
* Dreamweaveri arvukalt laiendusi.

Amaya

Adobe Contribute'i põhieesmärk on kasutajate jaoks ilma nendeta veebisaitide ja ajaveebide redigeerimine tehnilisi teadmisi. Contribute CS3 võimaldab autoritel värskendada olemasolevaid saite ja ajaveebe, säilitades samal ajal saidi terviklikkuse. Contribute pakub integratsiooni Dreamweaveriga, mis võimaldab teil materjale postitada Microsoft Office ja redigeerimine IE 7-st ja Firefoxist.
Selle WYSIWYG-redaktoriga saavad autorid muuta või värskendada mis tahes veebisaiti või ajaveebi ilma HTML-i õppimata. Hind: 169 dollarit (CS3 versioon).

Adobe Golive

Aprillis lõpetas Adobe GoLive 9 arendamise ja müümise. Adobe GoLive soovitab kasutajatel üle minna Dreamweaverile, pärast mida te ilmselt ei peaks GoLive'i soovitama (üllatuslikult tegelikult võimas tööriist redigeerimiseks (vt allpool) oma klientide jaoks.

Mõned Adobe GoLive 9 funktsioonid:
* Disaineri stiilid
* Visuaalne CSS-paigutus
* Asetage käsk
*Adobe InDesign® integratsioon
* Värvihaldus
*Platvormi tugi
* Saidihalduse tööriistad
*Avalda server
* Nutikad objektid

Microsoft Expression Web

Kunagi tõeliselt halva veebiredaktori (esileht) pärast tugevalt kritiseeritud Microsoft lõi hiljuti redaktori Expression, mis näib pärivat suure osa oma eelkäijatest. Expression on püüdnud luua Interneti-kasutajatele mugava keskkonna, mille funktsioonid on väga sarnased Adobe Dreamweaverile. Siiski, millal otsene võrdlus Dreamweaver pakub rohkem ja toodab rohkem puhas kood. Expression toodab aga korralikku, standarditele vastavat koodi ja teab, kuidas töötada CSS-i ja CSS-paigutustega.

Stuudioväljaanne koos teistega tarkvararakendused(graafilise disaini tööriist, video kodeerimise tööriist jne) maksab ca. 500 dollarit. Üks Expressioni litsents maksab 350 dollarit. Expressioni saate hankida, kui uuendate Esilehte ja säästate raha. 60-päevase prooviversiooni allalaadimine on tasuta, kuid registreerimine on vajalik.

Pange tähele: Expression ei ole Frontpage'i järglane, need on üsna erinevad arendustööriistad. Microsoft Expression sarnaneb rohkem Microsoftiga SharePointi kujundaja, on see pigem konstruktorile orienteeritud ja suunatud üldise veebiarenduse pakkumisele. Microsoft SharePoint Designer keskendub SharePointil põhinevate saitide arendamisele ja kohandamisele ning teda võib pidada Frontpage’i suureks vennaks.

Mõned Microsoft Expressioni funktsioonid:
* ASP.NET 2.0 integratsioon
* Täiustatud CSS-i renderdamine
* XPath Expression Builder
* Tööstusstandarditele vastavate XML-andmete vaadete koostamine ja vormindamine
* Tag Property Grid
* Juurdepääsetavuse kontrollimine
* Reaalajas standardite valideerimine
* Täielik skeemi tugi

Mõned NVU funktsioonid:
* Saidihaldur võimaldab teil vaadata loodud saite.
* XML-i tugi.
* Sisseehitatud validaator.

Helilooja

See on Microsofti esilehe järglane. SharePoint Designer on standardne WYSIWYG-redaktor. Peale interaktiivsete ASP.NET-i lehtede toetamise ei paku see midagi revolutsioonilist. Saadaval tasuta prooviversioon. On olemas veebiversioon, mis nõuab Internet Explorer ja suurt kannatust.

Mõned Sharepointi funktsioonid:
* Interaktiivsete ASP.NET lehtede tugi
* looge andmevaateid RSS-ist, XMl-ist, Office XML-ist
* tehke koostööd sisseehitatud töövoo kujundajaga
* CSS-i tööriistad
* Jälgige kohandatud lehti
* õigekirjakontroll
* SharePoint Server 2007 integratsioon

Peaaegu iga Interneti-kasutaja on kunagi mõelnud oma veebisaidi loomisele, kuid kõigil pole aega ja võimalust omandada vähemalt veebiprogrammeerimise ja paigutuse põhitõed. Kuid enamikul juhtudel pole vaja keerukaid programmeeritavaid elemente välja töötada ning saate luua kauni ja funktsionaalse veebisaidi visuaalse veebisaidiredaktoriga või WYSIWYG-redaktoriga.

Sellised programmid on vaatamata suhtelisele kasutuslihtsusele kaugel amatöörarendustööriistadest, kuid just nende võime töötada mis tahes kogemustasemega teeb need eriliseks.

WYSIWYG on akronüüm ingliskeelsetest sõnadest What You See Is What You Get, mis tõlkes tähendab "mida näete, seda saate". See on, me räägime arenduskeskkonna kohta, kus kasutaja näeb töö käigus koheselt oma pingutuste ligikaudset tulemust. Kõige sagedamini kasutatakse Runetis nimetatud lühendi venekeelset analoogi ja seda tüüpi programme nimetatakse visuaalseteks redaktoriteks. Kasutades sarnased rakendused saate koodi luua kasutades erinevaid keeli programmeerimine ja paigutus – HTML, CSS, PHP jne.

Kõige populaarsem WYSIWYG-redaktor HTML-i ja muude veebiarenduskeelte jaoks on Adobe Dreamveawer. Sellel on tõeliselt kasutajasõbralik liides, suur summa saadaolevad tööriistad, praeguste tehnoloogiate tugi ja integreerimine teiste Creative Suite'i rakendustega. Adobe Dreamveaweri suureks eeliseks on üksikasjaliku professionaalse dokumentatsiooni ja ka paljude muude dokumentide kättesaadavus tasuta õppetunnid programmiga töötamise kohta, mille leiate Internetist. Lisaks saab see töötada tavaliste CMS-i mootoritega, nagu Joomla, WordPress ja Drupal. Praegune versioon on CS6.

Teine populaarne visuaalne redaktor on WYSIWYG Web Builder, mida värskendati hiljuti versioonile 9. See on võimas lahendus, mis võimaldab luua kvaliteetseid veebisaite ilma igasuguse kodeerimis- või veebiprogrammeerimisoskuseta. Programm võimaldab teil luua nii lihtsaid visiitkaartide saite kui ka mitmelehelisi ressursse koos keerukate stsenaariumide ja interaktiivsete elementide sisestamisega. Komplektiga on kaasas mitu erinevat malli ja saate töö käigus uusi lisada. IN Uusim versioon WYSIWYG Web Builder on saabunud lindi liides, lisas uusi funktsioone CSS3-ga töötamiseks ja rohkem kui sada muud täiustust.

Lisaks kommertslahendustele on ka häid avatud lähtekoodiga lahendusi. Näiteks aastal loodud tasuta visuaalne redaktor BlueGriffon Gecko mootor, mis käitab ka maailmakuulsat Mozilla Firefoxi brauserit.

See on kaasaegne ja töökindel lahendus veebilehtede redigeerimiseks ja uusimatele veebistandarditele vastavate saitide loomiseks. BlueGriffon on mitmekeelne visuaalne redaktor HTML-i, PHP-i, CSS-i ja teiste veebiarenduskeelte jaoks, millel on intuitiivne kasutajasõbralik liides ning selles toimetatud dokument näeb välja täpselt samasugune nagu Firefoxi brauseris.

WYSIWYG-redaktor on tõesti mugav tööriist veebilehtede redigeerimiseks ja täisväärtuslike saitide loomiseks erinevad tasemed raskusi. Selle abil saab kasutaja luua atraktiivseid veebisaite, ilma et oleks vaja ulatuslikke tehnilisi teadmisi.

Iga veebidisainer ja kodeerija vajab head veebilehe redaktorit, et luua ja HTML-i redigeerimine, CSS ja JavaScripti kood. Notepad (Windows) ja TextEdit (Mac) – suurepärased tööriistad Alustuseks, kuid kohe pärast kogemuste omandamist soovite kasutada kindlamat ja mugavamat tööriista.

Seal on sadu suurepäraseid toimetajaid, mille hulgast saate valida õige, kuid paljud neist on tasulised. Mida teha, kui te ei soovi autoriõigusi rikkuda, kuid teie eelarvest ei jätku kommertstoote ostmiseks? Selles artiklis vaadeldakse mõningaid suurepäraseid tasuta toimetajaid.

  • WYSIWYG toimetajad. See graafiline redaktor, mis võimaldavad luua visuaalselt lehepaigutust ja määrata stiile, nagu tuntud tekstitöötlusprogrammis MS Word. Need on mugav tööriist lehe kujunduse koostamiseks, kuigi nagu iga kogenud veebidisainer teab, tuleb suurepärase tulemuse saavutamiseks koodi siiski timmida.
  • Tekstiredaktorid. See on tööriist HTML- ja CSS-koodi otse redigeerimiseks. Mõned redigeerijad on üldotstarbelised ja neil pole veebikoodi toe jaoks spetsiaalseid valikuid. Teised on spetsialiseerunud veebikeelte (nt HTML, CSS, JavaScript ja PHP) kasutamiseks ning neil on sisseehitatud atribuudid kiire sisestus HTML-i sildid, CSS-i atribuudid ja nii edasi. Paljud neist redaktoritest võimaldavad teil vaadata veebilehte eraldi aknas.

KompoZer (Windows, Mac, Linux)

KompoZer - suurepärane valik kui vajate piiratud eelarvega visuaalset redaktorit

Komodo Redigeerimine – hea toimetaja, lihtne õppida, kuid samas võimas ja laiendatav

Kuigi see on üldotstarbeline redaktor, toetab see HTML-i ja CSS-i ning sellel on kontekstipõhine automaatne täitmine HTML-märgendite ja CSS-i omadused, samuti koodide kogumik jaoks erinevaid elemente HTML. Komodost maksimumi saamiseks peate installima HTML Toolkiti laienduse, mis sisaldab selliseid suurepäraseid funktsioone nagu automaatse sulgemise sildid, CSS-i välimuse eelvaade ja ajutine tekstigeneraator.

Komodo Edit võimaldab teil vaadata muudetud lehti mis tahes installitud brauser või kasutage sisseehitatud brauserit eraldi aknas, et saaksite samaaegselt muuta ja näha muudatuste tulemusi.

Redaktoril on sisseehitatud funktsioon failide saidile üleslaadimiseks (FTP, FTPS, SFTP või SCP), samuti saate oma failid kenasti rühmitada, kasutades projektihalduri valikut.

Väga kasulik funktsioon Kood > Valige Blokeeri. See tõstab esile praeguse peamise HTML-i ploki, näiteks praeguse suletud element div või ul. Väga mugav funktsioon kui peate kopeerimiseks või teisaldamiseks valima terve lehe jaotise.

Komodo Editil on palju võimsaid ja kasulikud funktsioonid nagu näiteks kasutamine regulaaravaldised otsimiseks/asendamiseks, sooritamisvõime välised käsud, ja nii edasi. Õnneks on toimetajal ka head abisüsteem, mis muudab Komodo Edit võimsuse kasutamise lihtsaks.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio on terviklik integreeritud veebirakenduste arenduskeskkond suure hulga pistikprogrammidega. Kuigi saate seda kasutada ainult HTML/CSS/JavaScripti koodiredaktorina

Notepad++ on Windowsi Notepadi suurepärane asendus. Kuigi sellel pole nii palju valikuid kui teistel redaktoritel, sobib see suurepäraselt HTML-i, CSS-i, JavaScripti ja muude koodifailide redigeerimiseks

PSPad on veel üks Windowsi üldotstarbeline redaktor, millel on lai valik HTML- ja CSS-kooderitele kasulikke funktsioone

jEdit on platvormideülene tekstiredaktor, millel on võimsad makrokäskude ja pistikprogrammide funktsioonid. Kui teil on vaja veebilehti redigeerida, installige XML-plugin

TextWrangler on kerge toimetajaÜldine otstarve. Vaatamata puudumisele erifunktsioonid veebiarenduse jaoks saab seda kasutada veebilehtedega töötamiseks.

Vimi on kindlasti raske õppida, kuid kui olete väljakutsetest üle saanud, ei taha te enam kunagi tagasi minna!

Programmeerijate tekstiredaktorite vanaisa Vim (vi redaktori otsene järeltulija) on konsooli redaktor avatud lähtekoodiga tekst. See on peaaegu kõigi Unixi maitsete, sealhulgas Linuxi ja Mac OS X, vaikeredaktor. See on saadaval kasutamiseks ka Windowsis ja paljudes teistes süsteemides.

Vim ei ole süsteem, mille saate installida ja kohe kasutama hakata, ilma et oleksite sellega varem töötanud. Enamik redigeerimiskäske sisaldab veidraid kombinatsioone, nagu :wq ja / . Sellel on ka kolm redigeerimisrežiimi: režiim lisad, kuhu sisestatakse tekst; visuaalne teksti valimise režiim; Ja käsk režiim käskude sisestamiseks. See funktsioon on Unixi pärand nendest aegadest, mil polnud veel aknaid ega hiirt.

Miks ta nimekirjas oli? Kui te seda valdate, olete veendunud selle kiiruses ja võimsuses. Mõne käsuga saate mõne sekundiga teha seda, mis võib teistes redaktorites aega võtta.

on olemas suur hulk Vimi makrod ja pistikprogrammid, mis muudavad HTML-i, CSS-i ja JavaScripti koodiga töötamise lihtsamaks, sealhulgas süntaksi esiletõstmine, automaatne täitmine, HTML Tidy ja brauseri vaatamine. Siin on suur nimekiri kasulikest linkidest:

  • Vim Omni automaatne täitmine
  • HTML/XHTML redigeerimine Vimis
  • avaleht

Fraise (Mac)

Fraise on Maci jaoks intuitiivne redaktor, millel on veebis redigeerimiseks piisav hulk funktsioone

Nagu TextWrangler ja gedit, on ka Fraise suurepärane ja kerge redaktor, mida on rõõm kasutada. See on toimetaja kahvel. See on suhteliselt uus ja sellel puudub korralik veebiserver. Seda toetab praegu ainult Mac OS X 10.6 ( Lumeleopard), see tähendab, et kui kasutate versiooni 10.5, peate alla laadima Smultroni.

Fraise'il on veebi redigeerimiseks mõned suurepärased võimalused:

  • Koodi esiletõstmine HTML, CSS, JavaScript, PHP ja mitmete teiste programmeerimiskeelte jaoks.
  • Käsk Sulge silt (Command-T) aktiivse sildi sulgemiseks. See säästab tõesti aega loendite sisestamisel.
  • Mugav eelvaade sisseehitatud brauseriga (kasutades WebKiti), väga mugava võimalusega Reaalajas värskendus? mis värskendab brauserit niipea, kui muudetava lehe märgistus ja CSS on muutunud.
  • Täpsem otsimisvalik, mis toetab regulaaravaldiste abil otsimist/asendamist.
  • Plokkide tugi kiireks sisestamiseks HTML-i sildid ja CSS-i atribuudid.
  • Mõned käepärased käsud tekstiga manipuleerimiseks, näiteks HTML-i valideerimine ja märkide teisendamine HTML-elementideks.

Fraise'iga tasub tutvuda, kui olete Maci kasutaja ja vajate mugav toimetaja Koos suurepäraseid võimalusi kui sisseehitatud TextEdit.

Andke kasutajatele võimalus teksti vormindamine ilma õppimata lisakood on midagi, mille kallal on arendajad viimastel aastatel kõvasti tööd teinud. Ja see pole asjata, nad on juba teinud märkimisväärseid edusamme. Esitame teile 10 enim kasutatud WYSIWYG toimetajad. Loodame, et leiate midagi oma projektide jaoks.

01. NicEdit

NicEdit on suurepärane alternatiiv suurtele ja kohmakatele toimetajatele. See sisaldab kõiki vajalikke funktsioone, kuid seda on endiselt väga lihtne veebisaidiga integreerida.

02. TinyMCE


TinyMCE on tasuta javascript HTML WYSIWYG redaktor. Seda on lihtne oma saidile rakendada ning see pakub laias valikus kohandamis- ja välimusvalikuid. TinyMCE on tõenäoliselt meie tänase valiku kõige "täielikum" redaktor. Peaaegu MSWord.

03.CKEredaktor


CKredaktor on uus FCKEditor, mis on varakult võitnud turuliidri tiitli. Redaktor on selle põhjal välja töötatud ja selle eesmärk on parandada FCKEditoris ilmnenud probleeme. Tulemuseks on väga produktiivne WYSIWYG-redaktor, mis pakub kõiki funktsioone, mida tavaliselt MSWordist või Open Office'ist leiate.

04. YUI Rich Text Editor


YUI rikastekstiredaktor on Yahoo graafiline kasutajaliides, mis muudab tavalise tekstisisestusvälja täieõiguslikuks WYSIWYG-redaktoriks. Taotlus on esitatud erinevad versioonid, erinevate omaduste ja täidisega. Kuid mis tahes versiooni kasutades saate kõik redaktori jaoks vajalikud funktsioonid.


Markitup on jQuery pistikprogramm, mis võimaldab muuta tavalise tekstisisestusvälja siltide ja vorminguredaktoriks. Html, Wiki ja BBcode on vaid mõned pistikprogrammi pakutavatest võimalustest. Markitup ei ole WYSIWYG-redaktor, kuid see ei muuda seda veelgi hullemaks, kuna see pakub teile kõiki vajalikke funktsioone.

06. FreeTextBox


FreeTextBox on HTML-redaktor, mis on loodud spetsiaalselt ASP.NET-i jaoks. Redaktori välimus on väga sarnane Microsoft Wordiga. Tasuta versioonil pole tegelikult palju funktsioone, kuid sellel on kõik, mida vajate.

07.MooEditable


WYSIWYG-redaktorid pakuvad nüüd enamjaolt populaarsete jaoks pistikprogramme jQuery teegid, ja väiksematel juhtudel - Mootools. MooEditable täidab selle tühimiku täielikult, olles lihtne, kuid väga tõhus javascripti raamatukogu. Kui olete Mootoolsi fänn, pole teil sellega probleeme.

08. OpenWysiwyg?


OpenWysiwyg on brauseriülene täisväärtuslik redaktor, millel on kõik vajalikud funktsioonid. See sisaldab isegi atraktiivseid rippmenüüd ja nuppe. Kahjuks Chrome seda ei toeta.

09. Spaw toimetaja- sait on surnud


Spaw redaktor on WYSIWYG-redaktor, mis võimaldab veebisaitide arendajatel standardeid asendada tekstiväljad juhitavasse HTML-redaktorisse, millel on lai valik seadeid, paljudes keeltes ja võimalusega muuta välimus.

10.jHtmlAla


jHtmlala on teine ​​WYSIWYG tekstiredaktor, mis on Jquery pistikprogramm. Pistikprogrammi eesmärk on lihtsus ja kasutusmugavus. See sisaldab kõiki vajalikke funktsioone. Saate kohandada välimust, funktsioone ja keeli.