WYSIWYG je urejevalnik, ki razvijalcu omogoča predogled končnih rezultatov, preden je dejanski vmesnik ali dokument objavljen v živo. Celotna oblika WYSIWYG je "kar vidiš, to dobiš". Ta vrsta programske opreme omogoča urejanje vsebine v obliki, tako da je videti enaka, če je prikazana ali natisnjena.
Obstajajo številni urejevalniki WYSIWYG, ki ponujajo funkcije, kot sta podpora za več pogledov in več jezikov. Ponuja tudi pripravljeno postavitev za ustvarjanje spletnih mest, podporo za HTML5 in CSS3 itd.
Sledi izbrani seznam Top WYSIWYG EDITOR z njihovimi priljubljenimi funkcijami in povezavami do spletnih strani. Seznam vsebuje odprtokodno (brezplačno) in komercialno (plačljivo) programsko opremo.
1) Dreamweaver
Dreamweaver je priljubljen urejevalnik HTML, ki vam pomaga ustvarjati, objavljati in upravljati spletna mesta. Spletno mesto, ustvarjeno z Dreamweaver, lahko naložite na kateri koli spletni strežnik.
Lastnosti:
- Dinamična spletna mesta je mogoče hitro razviti s pomočjo Dreamweaverja.
- Zagotavlja pripravljene postavitve za izdelavo spletnega mesta.
- Ustvarite lahko spletno mesto, ki ustreza kateri koli velikosti zaslona.
- To orodje vam pomaga prilagoditi delovni prostor, kot želite.
- Vgrajen ima HTML validator za preverjanje vaše kode.
2) Kite
Kite je IDE za urejevalnike HTML WYSIWYG, ki samodejno dopolni večvrstične kode. Ta urejevalnik podpira več kot 16 jezikov. Pomaga vam pri hitrejšem kodiranju brez težav.
Cena : Brezplačno
Lastnosti:
- Ponuja dokumentacijo Java.
- Ta urejevalnik omogoča podpis funkcije med tipkanjem.
- Ko miškin kazalec premaknete z miško, boste dobili opis.
- Zagotavlja podporo v e-pošti.
- Uporablja modele strojnega učenja za jezik Java.
3) CoffeeCup HTML Editor
Skodelica za kavo je urejevalnik HTML WYSIWYG, ki vam pomaga pri predogledu deljenega zaslona za ogled vaše spletne strani. Orodje vam omogoča, da v privzetem spletnem brskalniku odprete storitev potrjevanja pribitkov W3C.
Lastnosti:
- Pomaga vam pri uporabi predogleda z ločenim zaslonom na vaši spletni strani
- Pripravljen na semantični splet
- Ponuja vgrajeno orodje za preverjanje HTML-ja odpre storitev preverjanja oznak W3C v vašem privzetem spletnem brskalniku.
- Vgrajeni FTP uploader vam pomaga objaviti spletno mesto na izbranem mestu
- Funkcije predogleda ločenega zaslona omogočajo ogled vaše spletne strani v brskalniku neposredno iz urejevalnika kod.
Povezava: https://www.coffeecup.com/html-editor/
4) Wix
Wix je enostaven za uporabo, za začetnike prijazen graditelj spletnih mest povleci in spusti. To orodje spletnega urejevalnika vam omogoča, da spustite elemente kamor koli želite na katero koli stran.
Lastnosti:
- Omogoča vam ustvarjanje osebnega spletnega dnevnika na spletnem mestu portfelja ali celo v spletni trgovini.
- 500+ tem in predlog
- Na voljo je z velikim številom predlog, filtriranih v številnih kategorijah.
- Ponuja funkcijo za pošiljanje in upravljanje računov.
- Večjezične trgovine.
- Sledite prometu s storitvijo Google Analytics.
5) Apache NetBeans
NetBeans je odprtokodno orodje za urejanje kod za razvoj z Javo, PHP, C ++ in drugimi programskimi jeziki. Ponuja tudi funkcije analize in pretvorbe kode. Omogoča nadgradnjo aplikacij za uporabo novih jezikovnih konstrukcij Java 13.
Lastnosti:
- Enostavno in učinkovito vodenje projektov
- Ponuja hitro in pametno urejanje kode
- Hiter razvoj uporabniškega vmesnika
- Pomaga vam pri pisanju kode brez napak
Povezava: https://netbeans.apache.org
6) Beležnica ++
Notepad ++ je priljubljen brezplačen urejevalnik kod, napisan v jeziku C ++. Uporablja čisti win32 API, ki ponuja večjo hitrost izvajanja in majhnost programa. Deluje samo v okolju okna in je na voljo pod licenco GPL.
Lastnosti:
- Podpira poudarjanje sintakse za jezike, kot so HTML, PHP, JavaScript in CSS.
- Ima funkcije samodejnega dokončanja besed in funkcij.
- Ponuja možnosti makro snemanja in predvajanja.
- Uporabniško določeno poudarjanje in zlaganje sintakse
- Popolnoma prilagodljiv GUI
- Podpora za več pogledov in več jezikov
Povezava: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer vam pomaga ustvariti privlačno vsebino HTML5. Omogoča vam uporabo animacije in interaktivnih elementov za oživitev vaše ustvarjalne vizije in ponuja nemoteno integracijo z drugimi Googlovimi izdelki, kot so Google Drive, Google Ads, Display & Video 360 itd.
Lastnosti:
- Ponuja dinamičen potek dela
- Google Web Designer ponuja široko paleto oblik prikaznih in video oglasov
- Podpora za odzivne oglase
- Preprosta in učinkovita integracija Googla
- Pomaga vam ustvariti čudovito, privlačno vsebino HTML5
Povezava: https://webdesigner.withgoogle.com
8) Vzvišeno besedilo
Sublime Text je urejevalnik HTML, ki podpira številne jezike, kot so JavaScript, Perl, PHP, Python, Ruby in drugi. Ta urejevalnik kode HTML lahko uporabite za kode, oznake in prozo. Urejevalnik podpira operacijske sisteme OS X, Windows in Linux.
Lastnosti:
- Omogoča poudarjanje skladnje.
- Ima izvedbo palete ukazov, ki sprejema vnos besedila od uporabnikov.
- Ravnajte s specifikacijami UTF8 v datotekah .gitignore
- Prikažite značke za mape in datoteke, ki označujejo stanje Git
- Spremembe datoteke so predstavljene z oznakami, ki so na voljo v žlebu.
Povezava: https://www.sublimetext.com
9) TinyMCE
TinyMCE je platforma za urejanje bogatega besedila, ki je pomagala pri zagonu programov Atlassian, Medium, Evernote (orodje za urejanje besedila) in drugih. Lahko integrirate TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery itd.
Lastnosti:
- Zelo prilagodljiv z velikim ekosistemom.
- Sodoben, primeren za mobilne naprave in prilagojen podjetju
- Shranjujte in urejajte slike in datoteke na katerem koli spletnem strežniku
- Ponuja dinamično nalaganje datotek za kateri koli brskalnik.
Povezava: https://www.tiny.cloud
10) CKEditor
Ckeditor je pameten urejevalnik WYSIWYG, ki vsebuje komponente s skupnim urejanjem. Omogoča lepljenje iz Excela, Worda, tabel itd.
Lastnosti:
- Ponuja funkcije, kot so samodokončanje, @mentions, gradniki,
- Ponuja popoln nadzor nad vsebino: filtriranje HTML in način pogleda vira.
- Odlična dostopnost: oddelek 508, skladen in WCAG 2.0 AA.
- Izhodni format po meri in podpora za Markdown.
- Razširljiva in prilagodljiva po zasnovi
- Pomaga vam povečati produktivnost s samodejnim formatiranjem in sodelovanjem.
Povezava: https://ckeditor.com
11) Quill
Quill je brezplačen, odprtokoden, zmogljiv urejevalnik WYSIWYG, ki je zasnovan za sodoben splet. Njegova modularna arhitektura in ekspresivni API je idealen urejevalnik HTML, ki ustreza vsem potrebam.
Lastnosti:
- Podpira vse sodobne brskalnike na tabličnih računalnikih, namizjih in telefonih.
- Podroben dostop do vsebine, sprememb in dogodkov urejevalnika prek preprostega API-ja.
- Urejevalniki obogatenega besedila, ki so zasnovani tako, da pomagajo ljudem pri pisanju besedila.
- Omogoča vam vsebino in oblikovanje po meri.
Povezava: https://quilljs.com
12) Froala
Froala je naslednja generacija urejevalnika HTML WYSIWYG. Ta enostaven za urejanje urejevalnik zaradi svoje jasne zasnove pogosto uporablja razvijalce.
Lastnosti:
- Zmogljiv API in dokumentacija
- Ponuja več kot 30 vtičnikov, ki jih lahko izbirate
- Urejevalnik WYSIWYG HTML je osnovno orodje Javascript spremenil v bistveno tehnologijo za številne panoge.
- Urejevalnik obogatenega besedila Froala ima široko paleto tako preprostih kot zapletenih funkcij za vse vrste primerov.
Povezava : https://froala.com/wysiwyg-editor/
13) Komodo Edit
Komodo edit je enostavno in močno orodje za urejanje kode. Omogoča vam odpravljanje napak, preskušanje enot, predelavo kode. Ponuja tudi profil kode ter integracije z drugimi tehnologijami, kot so Grunt, PhoneGap, Docker, Vagrant in še veliko več.
Lastnosti:
- Večjezični urejevalnik
- Veliko sodobnih barvnih shem
- Native Unicode podpora in preverjanje združljivosti
- Preprosto se integrira v namizno okolje.
Povezava: https://www.activestate.com/products/komodo-ide/
14) Koda Visual Studio
Visual Studio Code je odprtokodna programska oprema za urejanje kod, ki jo je razvil Microsoft. Ponuja vgrajeno podporo za TypeScript, JavaScript in Node.js. Samodejno je dokončan s funkcijami IntelliSense, ki ponuja pametne dokončanja na podlagi osnovnih modulov, tipov spremenljivk in definicij funkcij.
Lastnosti:
- Enostavno sodelovanje z Git in drugimi ponudniki SCM (Software Configuration management)
- Preoblikovanje in odpravljanje napak kode
- Podprte platforme so Mac, Windows, Linux
- Preprosto razširljiv in prilagodljiv
Povezava: https://code.visualstudio.com/
15) OpenElement
OpenElement je brezplačna aplikacija za oblikovanje in avtorstvo spletnih strani, ki jo je objavila Element Technologie. Orodje poganja Chromium, motor Google Chrome, in deluje v sistemu Microsoft Windows.
Lastnosti:
- Intuitiven vmesnik
- Vse je mogoče urejati
- Pomaga vam pri upravljanju kode
- Slogi in paketi elementov za večkratno uporabo
- Med brskalnikom
- Večjezična spletna mesta
- Odziven dizajn
- Popolnoma prilagodljiv CSS
- Urejevalnik elementov - ustvarite in delite elemente
- Enostavna integracija optimizacije slike in kode
- Poganja Chromium
Povezava: https://www.openelement.com
16) NoteTab
NoteTab je najboljša zamenjava beležnice. Za spletne skrbnike je to najhitrejši urejevalnik HTML. Je najbolj vsestranski urejevalnik besedil, ki ponuja izboljšano poudarjanje sintakse za HTML.
Lastnosti:
- Iskanje z enostavnimi nadomestnimi znaki
- Število besed v realnem času
- Označevanje sintakse za CSS
- Besedilna statistika za SEO
- Podpora za HTML5 in CSS3
- Nove knjižnice HTML / CSS
Povezava: https://www.notetab.com
17) Atom
Atom je uporabno orodje za urejanje kode HTML, ki ga imajo programerji najraje zaradi preprostega vmesnika v primerjavi z drugimi urejevalniki. Uporabniki Atoma lahko oddajo pakete in njih za programsko opremo.
Lastnosti:
- Upravitelj paketov integriran za podporo vtičnikov
- Značilnost pametnega samodokončanja
- Samodejno dokončanje: dokončanje besed, dokončanje funkcije
- Makro snemanje in predvajanje
- Podpira več podoken
- Ima integriran upravitelj paketov.
- To orodje za urejanje več platform
- Poiščite predogled in v celotnem projektu nadomestite besedilo, vneseno v datoteko.
- Ponuja ukazno paleto, ki vsebuje večkrat uporabljene predmete.
- Dovoli urejanje med različnimi platformami
Povezava: https://atom.io/
18) Ultra urejanje
Ultra-edit je pogosto uporabljen zmogljiv urejevalnik besedil, ki ustreza najmočnejšemu naročniškemu paketu in ustreza vsakemu proračunu. Z lahkoto lahko odprete in uredite veliko datoteko, ki presega 4 GB.
Lastnosti:
- Zmogljivo iskanje: iskanje in zamenjava v datotekah, inverzni regularni izrazi itd.
- Označevanje sintakse kode v različnih programskih jezikih
- Ponuja zlaganje kode in seznam hierarhičnih funkcij
- Izvorno kodo lahko preoblikujete
- Značilnost obdelave XML: pogled drevesa XML, preoblikovanje, preverjanje itd.
- Urejanje v več karetah in večkratno izbiranje
- Podpora urejanju načina stolpca (blok)
- Iskanje: iskanje in zamenjava v datotekah, regularnih izrazih, obratnem iskanju itd.
- Označevanje sintakse kode v katerem koli programskem jeziku
- Zmogljivo upravljanje XML
- Pametne predloge - samodejno inteligentno izpolnjevanje kode
- Samodejno zapiranje oznak XML / HTML
Povezava: https://www.ultraedit.com
19) Spletni graditelj WYSIWYG
WYSIWYG Web Builder je enostavno in odzivno orodje. Omogoča vam brskanje po tisočih brezplačnih visokokakovostnih slikah.
Lastnosti:
- Preprosto dodajte Googlove pisave in druge spletne pisave na svoje spletno mesto.
- Lahka obvestila, ki posnemajo potisna obvestila
- Ponuja več kot 150 vnaprej določenih animacij
- Pošiljajte e-pošto, nalagajte datoteke, shranjujte podatke v MySQL
Povezava: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon je odprtokodni urejevalnik HTML, ki ga poganja Gecko, ki je Firefoxov mehanizem upodabljanja. Ima preprost vmesnik in najbolj običajne funkcije, potrebne za ustvarjanje spletnih strani.
Lastnosti:
- Enostavno spremenite barvo pisave ali prilagodite slog obrobe
- Odpre zavihke iz zadnje seje
- Podpira platforme Mac, Windows, Linux
- Bližnjice za urejanje CSS
- Več tem za izvorni pogled
Povezava: http://bluegriffon.org
21) Alohaeditor
Aloha je orodje za urejanje WYSIWYG. S pomočjo tega urejevalnika HTML je mogoče urejati spletno mesto neposredno na portalu. Orodje omogoča hitro, enostavno urejanje fotografij, grafik, animacij in besedila.
Lastnosti:
- Pomaga vam zmanjšati količino upravitelja vsebine
- Preprosto razširljiva osnova glede na vaše zahteve in želje.
- Kopirajte vsebino iz programa Microsoft Word brez težav s formatiranjem.
- Ta urejevalnik slik vam omogoča urejanje vsebine vašega spletnega mesta.
Povezava: https://www.alohaeditor.org
22) oklepaji
Brackets je lahko orodje, ki ga je razvil Adobe. Je idealen urejevalnik besedil, ki je odprtokoden. To orodje vam pomaga preklopiti med izvorno kodo in pogledom brskalnika.
Lastnosti:
- Funkcija hitrega urejanja uporabniškega vmesnika postavi v kontekst specifično kodo in orodja
- Ponuja predogled v živo, podporo pred procesorjem in vgrajene urejevalnike
- Posebej razvito orodje za macOS
- Prihaja z vgrajenim upraviteljem razširitev za hitro in učinkovito upravljanje razširitev.
Povezava: http://brackets.io/
23) Aptana
Aptana je močno odprtokodno orodje za spletni razvoj. Ponuja številne prilagodljive nove funkcije, ki vam pomagajo biti bolj produktivni. Orodje vam omogoča hitro in enostavno izdelavo spletnih aplikacij z uporabo vodilne spletne aplikacije IDE v industriji.
Lastnosti:
- HTML, CSS in JavaScript Code Assist
- Naj bodo sinhronizirane nastavitve
- Pomaga vam pri dostopu do terminala ukazne vrstice za izvajanje ukazov in jezika operacijskega sistema
- Ponuja vam, da svoje projekte postavite pod nadzor git izvorne kode
- Integrirani razhroščevalniki Ruby & Rails in JavaScript
Povezava: http://www.aptana.com
24) Coteditor
Coteditor je uporaben urejevalnik HTML za macOS. Zato izgleda in se obnaša natanko tako kot aplikacije macOS. Orodje vam omogoča, da besedilo napišete takoj, kadar koli želite.
Lastnosti:
- Obarvajte več kot 50 vnaprej nameščenih večjih jezikov, kot so HTML, Python, PHP ali Ruby.
- Razdelite okno na več podoken
- Preglejte podatke o znakih Unicode za vsak izbrani znak
- Omogoča ustvarjanje lastnega makra v vašem najljubšem jeziku
- Natančno ocenite različna kodiranja datotek.
- Omogoča vam dostop do vseh vaših nastavitev, vključno z definicijami sintakse in temami v oknu s standardnimi nastavitvami.
Povezava: https://coteditor.com
25) ContentTools
ContentTools je brezplačna programska oprema za urejanje HTML. Je ena zbirka knjižnic, ki je zasnovana za izdelavo orodij, ki olajšajo urejanje vsebine HTML. Orodje ponuja knjižnico, ki ponuja popolnoma funkcionalen urejevalnik strani, ki je predmet vodnika Uvod.
Lastnosti:
- IT ponuja popolno dokumentacijo in primere API.
- Urejevalnik ContentTools WYSIWYG je treba dodati na katero koli stran HTML v nekaj preprostih korakih
- Vodiči po korakih za običajne scenarije in naprednejše teme
Povezava: http://getcontenttools.com/
26) Summernote
Summernote je urejevalnik HTML, ki ga je enostavno namestiti. Podpira Bootstrap 3.xx do 4.xx. Ponuja enostavno integracijo s tretjimi stranmi, kot so Django, Rails in Angle,
Lastnosti
- Enostaven za namestitev urejevalnika HTML
- Prilagodite tako, da inicializirate različne napitke in module.
- Preprosta integracija s tretjimi stranmi, kot so Django, Rails in Angular.
- Pametna uporabniška interakcija
- Podpira brskalnike Safari, Chrome, Firefox, Opera in Edge.
- Deluje z različnimi operacijskimi sistemi, kot so Windows, macOS, Linux itd.
Povezava: https://summernote.org
27) Textbox.io
Orodja za urejanje HTML in preprost uporabniški vmesnik Textbox.io. Omogoča vam ustvarjanje HTML-ja na namizju in mobilnem telefonu. To orodje za urejanje HTML vključuje oblikovanje besedila, hiperpovezave, tabele itd.
Lastnosti:
- Vgrajena obdelava in shranjevanje slik
- Datoteka povleci in spusti
- Preverjanje črkovanja in samodejno popravljanje
- Očistite copy-paste iz programa Microsoft Word
- Podpora med brskalniki
Povezava : https://textbox.io