WYSIWYG je uređivač koji programeru omogućuje pregled konačnih rezultata prije nego što stvarno sučelje ili dokument bude objavljen. Puni oblik WYSIWYG-a je "ono što vidite, to i dobijete". Ova vrsta softvera omogućuje vam uređivanje sadržaja u obliku tako da izgleda jednako kad se prikazuje ili ispisuje.
Brojni su uređivači WYSIWYG koji nude značajke poput podrške za više prikaza i više jezika. Također nudi gotov izgled za izradu web stranica, podršku za HTML5 i CSS3 itd.
Slijedi odabrani popis Top WYSIWYG EDITOR-a sa njihovim popularnim značajkama i poveznicama na web stranice. Popis sadrži softver otvorenog koda (besplatni) i komercijalni (plaćeni) softver.
1) Dreamweaver
Dreamweaver je popularni HTML uređivač koji vam pomaže u stvaranju, objavljivanju i upravljanju web mjestima. Web stranica stvorena pomoću Dreamweavera može se prenijeti na bilo koji web poslužitelj.
Značajke:
- Dinamične web stranice mogu se brzo razviti pomoću Dreamweavera.
- Pruža gotove izglede za izradu web stranice.
- Možete stvoriti web mjesto koje odgovara bilo kojoj veličini zaslona.
- Ovaj vam alat pomaže da prilagodite radni prostor onako kako želite.
- Ima ugrađeni HTML validator za provjeru valjanosti vašeg koda.
2) zmaj
Kite je IDE za WYSIWYG HTML Editor koji automatski dovršava višeredne kodove. Ovaj uređivač podržava više od 16 jezika. Pomaže vam u bržem kodiranju bez muke.
Cijena : Besplatno
Značajke:
- Nudi Java dokumentaciju.
- Ovaj uređivač pruža potpis funkcije dok tipkate.
- Dobit ćete opis pri prelasku mišem.
- Pruža podršku u e-pošti.
- Koristi modele strojnog učenja za Java jezik.
3) CoffeeCup HTML Editor
Šalica za kavu je WYSIWYG HTML editor, koji vam pomaže da koristite pregled podijeljenog zaslona da biste vidjeli svoju web stranicu. Alat vam omogućuje otvaranje usluge provjere valjanosti oznake W3C u vašem zadanom web pregledniku.
Značajke:
- Pomaže vam u korištenju pregleda podijeljenog zaslona na vašoj web stranici
- Spremni za semantički web
- Ponudama ugrađenog alata Validate HTML otvara se usluga provjere oznaka W3C u vašem zadanom web pregledniku.
- Ugrađeni FTP učitavač pomaže vam da objavite web mjesto na mjestu po vašem izboru
- Značajke pregleda podijeljenog zaslona omogućuju vam pregledavanje vaše web stranice u pregledniku izravno iz uređivača koda.
Link: https://www.coffeecup.com/html-editor/
4) Wix
Wix je jednostavan za upotrebu, prilagođen početnicima, povuci i ispusti web graditelj. Ovaj alat za uređivanje web stranica omogućuje ispuštanje elemenata bilo gdje na bilo koju stranicu.
Značajke:
- Omogućuje vam stvaranje osobnog bloga na web mjestu portfelja ili čak internetskoj trgovini.
- 500+ tema i predložaka
- Dolazi s velikim brojem predložaka filtriranih u mnogim kategorijama.
- Ponuda značajka za slanje i upravljanje računima.
- Višejezične trgovine.
- Pratite promet pomoću Google Analyticsa.
5) Apache NetBeans
NetBeans je alat za uređivanje otvorenog koda za razvoj s Java, PHP, C ++ i drugim programskim jezicima. Također nudi značajke analize i pretvorbe koda. Omogućuje vam nadogradnju aplikacija da bi koristili nove jezične konstrukcije Java 13.
Značajke:
- Jednostavno i učinkovito upravljanje projektima
- Nudi brzo i pametno uređivanje koda
- Brzi razvoj korisničkog sučelja
- Pomaže vam u pisanju koda bez grešaka
Link: https://netbeans.apache.org
6) Notepad ++
Notepad ++ je popularni besplatni uređivač koda napisan na C ++. Koristi čisti win32 API, koji nudi veću brzinu izvršavanja i malu veličinu programa. Izvodi se samo u okruženju prozora i dostupan je pod GPL licencom.
Značajke:
- Podržava isticanje sintakse za jezike poput HTML-a, PHP-a, JavaScript-a i CSS-a.
- Ima značajke automatskog dovršavanja riječi i funkcija.
- Nudi mogućnost makro snimanja i reprodukcije.
- Korisničko definirano isticanje i presavijanje sintakse
- Potpuno prilagodljiv GUI
- Podrška za više pogleda i više jezika
Link: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer pomaže vam u stvaranju zanimljivog HTML5 sadržaja. Omogućuje vam upotrebu animacije i interaktivnih elemenata kako biste oživjeli svoju kreativnu viziju i nudi besprijekornu integraciju s drugim Googleovim proizvodima, kao što su Google pogon, Google Ads, Display & Video 360 itd.
Značajke:
- Nudi dinamičan tijek rada
- Google Web Designer nudi široku paletu formata prikaznih i video oglasa
- Podrška za responzivne oglase
- Jednostavna i učinkovita Google integracija
- Pomaže vam u stvaranju prekrasnog, zanimljivog HTML5 sadržaja
Veza: https://webdesigner.withgoogle.com
8) Uzvišeni tekst
Sublime Text je HTML uređivač koji podržava mnoge jezike kao što su JavaScript, Perl, PHP, Python, Ruby i drugi. Ovaj uređivač HTML koda možete koristiti za kôd, oznake i prozu. Uređivač podržava OS X, Windows i Linux operativne sustave.
Značajke:
- Omogućuje vam isticanje sintakse.
- Ima naredbu Palette implementacija koja prihvaća unos teksta od korisnika.
- Obrađuje UTF8 BOM-ove u .gitignore datotekama
- Prikažite značke za mape i datoteke koje označavaju Git status
- Promjene u datoteci predstavljaju oznake dostupne u žlijebu.
Link: https://www.sublimetext.com
9) TinyMCE
TinyMCE je platforma za uređivanje bogatog teksta koja je pomogla pokrenuti Atlassian, Medium, Evernote (alat za uređivanje teksta) i druge. Možete integrirati TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery itd.
Značajke:
- Vrlo prilagodljiv s velikim ekosustavom.
- Moderan, spreman za mobilne uređaje i korporativni
- Pohranite i uredite slike i datoteke na bilo kojem web poslužitelju
- Nudi dinamički prijenos datoteka za bilo koji preglednik.
Link: https://www.tiny.cloud
10) CKEditor
Ckeditor je pametni WYSIWYG uređivač koji ima komponente sa suradničkim uređivanjem. Omogućuje vam lijepljenje iz programa Excel, Word, tablica itd.
Značajke:
- Nudi značajke poput samodovršavanja, @ spominjanja, widgeta,
- Nudi potpunu kontrolu nad sadržajem: HTML filtriranje i način prikaza izvora.
- Velika dostupnost: odjeljak 508, sukladan i WCAG 2.0 AA.
- Prilagođeni izlazni format i podrška za Markdown.
- Proširiv i prilagodljiv dizajnom
- Pomaže vam u povećanju produktivnosti pomoću automatskog oblikovanja i suradnje.
Link: https://ckeditor.com
11) Quill
Quill je besplatni, otvoreni izvor, moćan WYSIWYG editor koji je stvoren za suvremeni web. Njegova modularna arhitektura i izražajni API idealan su HTML uređivač koji odgovara svim potrebama.
Značajke:
- Podržava sve moderne preglednike na tabletima, stolnim računalima i telefonima.
- Granulan pristup uređivačkom sadržaju, promjenama i događajima putem jednostavnog API-ja.
- Uređivači obogaćenog teksta koji su stvoreni da pomognu ljudima u pisanju teksta.
- Omogućuje vam prilagođeni sadržaj i formatiranje.
Link: https://quilljs.com
12) Froala
Froala je sljedeća generacija WYSIWYG HTML uređivača. Ovaj jednostavan za integraciju uređivač naširoko koristi programeri zbog svog jasnog dizajna.
Značajke:
- Moćan API i dokumentacija
- Nudi više od 30 dodataka koji se mogu odabrati
- WYSIWYG HTML editor pretvorio je osnovni Javascript alat u bitnu tehnologiju za mnoge industrije.
- Uređivač obogaćenog teksta Froala ima širok raspon jednostavnih i složenih značajki za sve vrste slučajeva.
Link : https://froala.com/wysiwyg-editor/
13) Komodo Edit
Komodo edit jednostavan je i moćan alat za uređivanje koda. Omogućuje vam ispravljanje pogrešaka, jedinstveno testiranje, refaktoriranje koda. Također pruža profil koda, plus integracije s drugim tehnologijama poput Grunta, PhoneGap-a, Dockera, Vagranta i mnogih drugih.
Značajke:
- Višejezični urednik
- Puno suvremenih shema boja
- Izvorna podrška za Unicode i provjera kompatibilnosti
- Jednostavno se integrira u radno okruženje.
Link: https://www.activestate.com/products/komodo-ide/
14) Visual Studio kôd
Visual Studio Code je softver za uređivanje koda otvorenog koda koji je razvio Microsoft. Pruža ugrađenu podršku za TypeScript, JavaScript i Node.js. Automatski se dovršava s IntelliSense značajkama koje nude pametna dovršavanja temeljena na osnovnim modulima, vrstama varijabli i definicijama funkcija.
Značajke:
- Jednostavan rad s Gitom i drugim SCM (Software Configuration management) pružateljima usluga
- Refaktoriranje i otklanjanje pogrešaka koda
- Podržane platforme su Mac, Windows, Linux
- Lako proširiv i prilagodljiv
Link: https://code.visualstudio.com/
15) OpenElement
OpenElement je besplatna aplikacija za dizajn i izradu web stranica koju je objavila Element Technologie. Alat pokreće Chromium, Google Chrome motor, a radi na sustavu Microsoft Windows.
Značajke:
- Intuitivno sučelje
- Sve se može uređivati
- Pomaže vam u upravljanju kodom
- Višekratni stilovi i paketi elemenata
- Unakrsni preglednik
- Višejezične web stranice
- Responzivan dizajn
- Potpuno prilagodljiv CSS
- Uređivač elemenata - izradite i dijelite elemente
- Jednostavna integracija optimizacije slike i koda
- Pokreće Chromium
Link: https://www.openelement.com
16) NoteTab
NoteTab je najbolja zamjena za Notepad. Za webmastere to je najbrži HTML editor. To je najsvestraniji uređivač teksta koji nudi poboljšano isticanje sintakse za HTML.
Značajke:
- Pretraživanje pomoću zamjenskih znakova jednostavnih za upotrebu
- Brojanje riječi u stvarnom vremenu
- Isticanje sintakse za CSS
- Tekstualna statistika za SEO
- Podrška za HTML5 i CSS3
- Nove HTML / CSS knjižnice
Link: https://www.notetab.com
17) Atom
Atom je koristan alat za uređivanje HTML koda koji preferiraju programeri zbog svog jednostavnog sučelja u usporedbi s ostalim urednicima. Korisnici Atoma mogu predati pakete i njih za softver.
Značajke:
- Paket Manager integriran za podršku dodataka
- Značajka pametnog automatskog dovršavanja
- Automatsko dovršavanje: dovršavanje riječi, dovršavanje funkcije
- Makro snimanje i reprodukcija
- Podržava više okna
- Ima integrirani upravitelj paketa.
- Ovaj alat za uređivanje više platformi
- Pretražite pregled i zamijenite tekst otkucan u datoteci tijekom cijelog projekta.
- Nudi paletu naredbi koja sadrži stavke koje se više puta koriste.
- Dopusti uređivanje na više platformi
Link: https://atom.io/
18) Ultra uređivanje
Ultra-edit je široko korišten moćan uređivač teksta koji zadovoljava najmoćniji pretplatnički paket i udovoljava bilo kojem proračunu. Možete jednostavno otvoriti i urediti veliku datoteku koja premašuje 4 GB.
Značajke:
- Moćno pretraživanje: pronađite i zamijenite u datotekama, inverzni regularni izrazi pretraživanja itd.
- Označavanje sintakse koda u različitim programskim jezicima
- Nudi savijanje koda i hijerarhijski popis funkcija
- Možete preoblikovati izvorni kod
- Značajka XML rukovanja: prikaz stabla XML, preoblikovanje, provjera valjanosti itd.
- Uređivanje s više karata i višestruki odabir
- Podrška uređivanje načina stupca (blok)
- Pretraživanje: pronađi i zamijeni u datotekama, regularnim izrazima, inverznom pretraživanju itd.
- Označavanje sintakse koda u bilo kojem programskom jeziku
- Moćno XML rukovanje
- Pametni predlošci - automatsko dovršavanje inteligentnog koda
- Automatsko zatvaranje XML / HTML oznaka
Link: https://www.ultraedit.com
19) WYSIWYG web graditelj
WYSIWYG Web Builder jednostavan je za korištenje i vrlo reagirajući alat. Omogućuje vam pregledavanje tisuća besplatnih, visokokvalitetnih slika.
Značajke:
- Jednostavno dodajte Googleove fontove i druge web fontove na svoje web mjesto.
- Lagane obavijesti dizajnirane da oponašaju push obavijesti
- Nudi više od 150 unaprijed definiranih animacija
- Pošaljite e-poštu, prenesite datoteke, pohranite podatke u MySQL
Link: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon je HTML uređivač otvorenog koda koji pokreće Gecko, a to je Firefoxov mehanizam za prikazivanje. Ima jednostavno sučelje i najčešće uobičajene značajke potrebne za stvaranje web stranica.
Značajke:
- Jednostavno je promijeniti boju fonta ili prilagoditi stil obruba
- Otvara kartice iz posljednje sesije
- Podržava Mac, Windows, Linux platforme
- Prečaci za CSS uređivanje
- Više tema za izvorni prikaz
Link: http://bluegriffon.org
21) Alohaeditor
Aloha je alat za uređivanje WYSIWYG. Uz pomoć ovog HTML uređivača moguće je urediti web mjesto izravno na portalu. Alat omogućuje brzo i jednostavno uređivanje fotografija, grafika, animacija i teksta.
Značajke:
- Pomaže vam da smanjite količinu upravitelja sadržaja
- Lako proširiva baza prema vašim zahtjevima i preferencijama.
- Kopirajte svoj sadržaj iz programa Microsoft Word bez problema s formatiranjem.
- Ovaj uređivač slika omogućuje vam uređivanje sadržaja vašeg web mjesta.
Link: https://www.alohaeditor.org
22) Zagrade
Zagrade je lagani alat koji je razvio Adobe. Idealan je uređivač teksta koji je otvorenog koda. Ovaj vam alat pomaže pri prebacivanju između izvornog koda i prikaza preglednika.
Značajke:
- Značajka brzog uređivanja korisničkog sučelja stavlja kôd i alate specifične za kontekst u red
- Nudi pregled uživo, podršku za procesor i ugrađene urednike
- Posebno razvijeni alat za macOS
- Dolazi s ugrađenim upraviteljem proširenja za brzo i učinkovito upravljanje proširenjima.
Link: http://brackets.io/
23) Aptana
Aptana je moćan alat za web razvoj s otvorenim kodom. Nudi brojne prilagodljive nove značajke koje vam pomažu da budete produktivniji. Alat vam omogućuje brzu i jednostavnu izradu web aplikacija pomoću vodeće web aplikacije IDE u industriji.
Značajke:
- HTML, CSS i JavaScript Code Assist
- Držite sinkronizirane postavke
- Pomaže vam u pristupu terminalu naredbenog retka za izvršavanje naredbi i jezika operativnog sustava
- Nudi vam da svoje projekte stavite pod kontrolu git izvornog koda
- Integrirani program za otklanjanje pogrešaka Ruby & Rails i JavaScript
Link: http://www.aptana.com
24) Koteditor
Coteditor je koristan HTML uređivač za macOS. Stoga izgleda i ponaša se točno poput macOS aplikacija. Alat vam omogućuje da odmah napišete tekst kad god želite.
Značajke:
- Obojte više od 50 unaprijed instaliranih glavnih jezika kao što su HTML, Python, PHP ili Ruby.
- Podijelite prozor na više okna
- Pregledajte Unicode podatke o znakovima svakog odabranog znaka
- Omogućuje vam stvaranje vlastite makronaredbe na vašem omiljenom jeziku
- Točno procijenite različita kodiranja datoteka.
- Omogućuje vam pristup svim postavkama, uključujući definicije sintakse i teme iz prozora standardnih postavki.
Link: https://coteditor.com
25) ContentTools
ContentTools je besplatni softver za uređivanje HTML-a. Jedna je od zbirki knjižnica koja je dizajnirana za izgradnju alata koji olakšavaju uređivanje HTML sadržaja. Alat nudi biblioteku koja nudi potpuno funkcionalan uređivač stranica, što je i tema vodiča za početak rada.
Značajke:
- IT nudi potpunu API dokumentaciju i primjere.
- Uređivač ContentTools WYSIWYG treba dodati na bilo koju HTML stranicu u nekoliko jednostavnih koraka
- Koračni vodiči za uobičajene scenarije i naprednije teme
Link: http://getcontenttools.com/
26) Summernote
Summernote je jednostavan za instaliranje HTML editor. Ona podržava Bootstrap 3.xx da 4.xx nudi jednostavnu integraciju sa 3 rd stranaka kao Django, šina, i kut,
Značajke
- Jednostavan za instalaciju HTML editor
- Prilagodite inicijalizacijom raznih napitaka i modula.
- Jednostavna integracija s trećim stranama kao što su Django, Rails i Angular.
- Pametna interakcija korisnika
- Podržava preglednike Safari, Chrome, Firefox, Opera i Edge.
- Radi na različitim OS-ima poput Windows, MacOS, Linux itd.
Link: https://summernote.org
27) Textbox.io
Alati za uređivanje HTML-a i jednostavno korisničko sučelje Textbox.io-a. Omogućio vam je stvaranje HTML-a na radnoj površini i na mobitelu. Ovaj alat za uređivanje HTML-a uključuje oblikovanje teksta, hiperveze, tablice itd.
Značajke:
- Ugrađeno rukovanje i pohrana slika
- Datoteka povucite i ispustite
- Provjera pravopisa i automatsko ispravljanje
- Očistite copy-paste iz programa Microsoft Word
- Podrška za više preglednika
Link : https://textbox.io