WYSIWYG je editor, ktorý vývojárovi umožňuje zobraziť ukážku konečných výsledkov pred zverejnením skutočného rozhrania alebo dokumentu. Celá forma WYSIWYG je „to, čo vidíte, to dostanete“. Tento typ softvéru vám umožňuje upravovať obsah vo forme, aby vyzeral rovnako, keď je zobrazený alebo vytlačený.
Existuje mnoho editorov WYSIWYG, ktoré ponúkajú funkcie ako podpora viacerých zobrazení a podpora viacerých jazykov. Ponúka tiež hotové rozloženie na vytváranie webových stránok, podporu HTML5 a CSS3 atď.
Nasleduje ručne vybraný zoznam najlepších editorov WYSIWYG EDITOR s obľúbenými funkciami a odkazmi na webové stránky. Zoznam obsahuje otvorený (bezplatný) aj komerčný (platený) softvér.
1) Dreamweaver
Dreamweaver je populárny editor HTML, ktorý vám pomáha vytvárať, publikovať a spravovať webové stránky. Webové stránky vytvorené pomocou Dreamweaveru je možné nahrať na akýkoľvek webový server.
Vlastnosti:
- Dynamické webové stránky je možné rýchlo vytvoriť pomocou aplikácie Dreamweaver.
- Poskytuje hotové rozloženia na vytvorenie webových stránok.
- Môžete vytvoriť webovú stránku, ktorá sa hodí pre každú veľkosť obrazovky.
- Tento nástroj vám pomôže prispôsobiť pracovný priestor tak, ako sa vám páči.
- Má zabudovaný validátor HTML na overenie vášho kódu.
2) Kite
Kite je IDE pre editory WYSIWYG HTML, ktoré automaticky dokončujú viac riadkových kódov. Tento editor podporuje viac ako 16 jazykov. Pomáha vám rýchlejšie programovať bez problémov.
Cena : Zadarmo
Vlastnosti:
- Ponúka dokumentáciu Java.
- Tento editor poskytuje podpis funkcie už pri písaní.
- Popis myši získate umiestnením kurzora myši.
- Poskytuje podporu v e-maile.
- Používa modely strojového učenia pre jazyk Java.
3) CoffeeCup HTML editor
Šálka kávy je editor WYSIWYG HTML, ktorý vám pomôže využiť ukážku rozdelenej obrazovky na zobrazenie vašej webovej stránky. Tento nástroj vám umožňuje otvoriť službu overenia značky W3C vo vašom predvolenom webovom prehliadači.
Vlastnosti:
- Pomáha vám využiť ukážku rozdelenej obrazovky na vašu webovú stránku
- Pripravené na sémantický web
- Ponúka vstavaný nástroj Overiť HTML a otvára službu overenia značiek W3C vo vašom predvolenom webovom prehliadači.
- Zabudovaný program na nahrávanie FTP vám pomôže zverejniť webovú stránku na vami zvolenom mieste
- Funkcie ukážky rozdelenej obrazovky vám umožňujú prezerať si webovú stránku v prehliadači priamo z editora kódu.
Odkaz: https://www.coffeecup.com/html-editor/
4) Wix
Wix je ľahko použiteľný nástroj pre tvorbu webových stránok, ktorý je vhodný pre začiatočníkov. Tento nástroj webového editora vám umožňuje umiestňovať prvky kdekoľvek na ľubovoľnú stránku.
Vlastnosti:
- Umožňuje vám vytvoriť osobný blog na portfóliovom webe alebo dokonca v online obchode.
- Viac ako 500 tém a šablón
- Dodáva sa s veľkým počtom šablón filtrovaných v mnohých kategóriách.
- Funkcia ponúk na odosielanie a správu faktúr.
- Viacjazyčné obchody.
- Sledujte návštevnosť pomocou služby Google Analytics.
5) Apache NetBeans
NetBeans je nástroj na editor kódu s otvoreným zdrojovým kódom na vývoj s programami Java, PHP, C ++ a ďalšími programovacími jazykmi. Ponúka tiež funkcie analýzy a konverzie kódu. Umožňuje vám inovovať vaše aplikácie tak, aby využívali nové jazykové konštrukcie Java 13.
Vlastnosti:
- Ľahké a efektívne riadenie projektu
- Ponúka rýchlu a inteligentnú úpravu kódu
- Rýchly vývoj užívateľského rozhrania
- Pomáha vám napísať kód bez chýb
Odkaz: https://netbeans.apache.org
6) Poznámkový blok ++
Notepad ++ je populárny bezplatný editor kódov napísaný v jazyku C ++. Používa čisté win32 API, ktoré ponúka vyššiu rýchlosť vykonávania a malú veľkosť programu. Beží iba v prostredí okna a je k dispozícii pod licenciou GPL.
Vlastnosti:
- Podporujte zvýraznenie syntaxe pre jazyky ako HTML, PHP, JavaScript a CSS.
- Má funkcie automatického dokončovania slov a funkcií.
- Ponúka záznam a prehrávanie makier.
- Užívateľom definované zvýraznenie a zloženie syntaxe
- Úplne prispôsobiteľné grafické používateľské rozhranie
- Podpora viacerých zobrazení a viac jazykov
Odkaz: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer vám pomáha vytvárať pútavý obsah HTML5. Umožňuje vám pomocou animácií a interaktívnych prvkov oživiť vaše kreatívne videnie a ponúka plynulú integráciu s ďalšími produktmi Google, ako sú Disk Google, Google Ads, Display & Video 360 atď.
Vlastnosti:
- Ponúka dynamický pracovný tok
- Google Web Designer poskytuje širokú škálu formátov grafických reklám a videoreklám
- Podpora responzívnych reklám
- Ľahká a efektívna integrácia spoločnosti Google
- Pomáha vám vytvárať krásny a pútavý obsah HTML5
Odkaz: https://webdesigner.withgoogle.com
8) Vznešený text
Sublime Text je editor HTML, ktorý podporuje mnoho jazykov, ako sú JavaScript, Perl, PHP, Python, Ruby a ďalšie. Tento editor HTML kódov môžete použiť na kód, označovanie a prózu. Editor podporuje operačné systémy OS X, Windows a Linux.
Vlastnosti:
- Umožňuje zvýrazniť syntax.
- Má implementáciu príkazovej palety, ktorá prijíma textový vstup od používateľov.
- Zaobchádzajte s kusovníkmi UTF8 v súboroch .gitignore
- Zobraziť odznaky pre priečinky a súbory, ktoré označujú stav Git
- Zmeny súboru sú reprezentované značkami dostupnými v odkvapu.
Odkaz: https://www.sublimetext.com
9) TinyMCE
TinyMCE je platforma na úpravy textu, ktorá pomohla spustiť Atlassian, Medium, Evernote (nástroj na úpravu textu) a ďalšie. Môžete integrovať TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery atď.
Vlastnosti:
- Vysoko konfigurovateľný s veľkým ekosystémom.
- Moderný, mobilný a podnikový
- Ukladajte a upravujte obrázky a súbory na ľubovoľnom webovom serveri
- Ponúka dynamické nahrávanie súborov do ľubovoľného prehľadávača.
Odkaz: https://www.tiny.cloud
10) CKEditor
Ckeditor je inteligentný editor WYSIWYG, ktorý obsahuje komponenty so spoločnou úpravou. Umožňuje vám vkladať z programu Excel, Word, tabuliek atď.
Vlastnosti:
- Ponúka funkcie ako automatické dopĺňanie, @mentions, widgety,
- Ponúka úplnú kontrolu nad obsahom: filtrovanie HTML a režim zobrazenia zdroja.
- Výborný prístup: oddiel 508, kompatibilný a WCAG 2.0 AA.
- Vlastný výstupný formát a podpora Markdown.
- Rozšíriteľné a dizajnovo prispôsobiteľné
- Pomáha vám zvýšiť produktivitu pomocou automatického formátovania a spolupráce.
Odkaz: https://ckeditor.com
11) Brko
Quill je bezplatný výkonný editor WYSIWYG s otvoreným zdrojovým kódom, ktorý je navrhnutý pre moderný web. Jeho modulárna architektúra a expresívne API sú ideálnym editorom HTML, ktorý vyhovuje všetkým potrebám.
Vlastnosti:
- Podporuje všetky moderné prehliadače na tabletoch, počítačoch a telefónoch.
- Granulárny prístup k obsahu, zmenám a udalostiam editora pomocou jednoduchého rozhrania API.
- Redaktori formátu RTF, ktorých cieľom je pomôcť ľuďom písať text.
- Umožňuje vám robiť vlastný obsah a formátovanie.
Odkaz: https://quilljs.com
12) Froala
Froala je editor WYSIWYG HTML novej generácie. Tento ľahko integrovateľný editor je vývojármi široko používaný pre svoj prehľadný dizajn.
Vlastnosti:
- Výkonné API a dokumentácia
- Ponúka viac ako 30 z krabičky doplnkov na výber
- WYSIWYG HTML editor transformoval základný nástroj Javascript na základnú technológiu pre mnoho priemyselných odvetví.
- Froala editor bohatého textu má širokú škálu jednoduchých aj zložitých funkcií pre všetky druhy prípadov použitia.
Odkaz : https://froala.com/wysiwyg-editor/
13) Komodo Edit
Komodo edit je ľahko použiteľný a výkonný nástroj na editáciu kódu. Umožňuje vám ladenie, testovanie jednotiek, refaktoring kódu. Poskytuje tiež profil kódu a integráciu s ďalšími technológiami, ako sú Grunt, PhoneGap, Docker, Vagrant a mnoho ďalších.
Vlastnosti:
- Viacjazyčný editor
- Mnoho moderných farebných schém
- Natívna podpora Unicode a kontrola kompatibility
- Ľahko sa integruje do desktopového prostredia.
Odkaz: https://www.activestate.com/products/komodo-ide/
14) Kód Visual Studio
Visual Studio Code je softvér na editor kódu s otvoreným zdrojovým kódom vyvinutý spoločnosťou Microsoft. Poskytuje zabudovanú podporu pre TypeScript, JavaScript a Node.js. Automaticky sa dopĺňa s funkciami IntelliSense, ktoré ponúkajú inteligentné dokončenia na základe základných modulov, typov premenných a definícií funkcií.
Vlastnosti:
- Ľahká práca s Gitom a ďalšími poskytovateľmi SCM (Software Configuration Management)
- Refaktorovanie a ladenie kódu
- Podporované platformy sú Mac, Windows, Linux
- Ľahko rozšíriteľné a prispôsobiteľné
Odkaz: https://code.visualstudio.com/
15) OpenElement
OpenElement je freewarová aplikácia na tvorbu webových stránok a na tvorbu obsahu publikovaná spoločnosťou Element Technologie. Tento nástroj používa technológiu Chromium, motor prehliadača Google Chrome, a pracuje v systéme Microsoft Windows.
Vlastnosti:
- Intuitívne rozhranie
- Všetko sa dá upravovať
- Pomáha vám spravovať kód
- Opakovane použiteľné štýly a balíčky prvkov
- Cross-browser
- Viacjazyčné webové stránky
- Citlivý dizajn
- Plne prispôsobiteľné CSS
- Editor prvkov - vytváranie a zdieľanie prvkov
- Ľahká integrácia optimalizácie obrázkov a kódov
- Používa technológiu Chromium
Odkaz: https://www.openelement.com
16) NoteTab
NoteTab je najlepšia náhrada poznámkového bloku. Pre správcov webových stránok je to najrýchlejší editor HTML. Je to najuniverzálnejší textový editor, ktorý ponúka vylepšené zvýraznenie syntaxe pre HTML.
Vlastnosti:
- Vyhľadávanie pomocou ľahko použiteľných zástupných znakov
- Počet slov v reálnom čase
- Zvýraznenie syntaxe pre CSS
- Textová štatistika pre SEO
- Podpora HTML5 a CSS3
- Nové knižnice HTML / CSS
Odkaz: https://www.notetab.com
17) Atóm
Atom je užitočný nástroj na editovanie HTML kódov, ktorý programátori uprednostňujú kvôli jeho jednoduchému rozhraniu v porovnaní s ostatnými editormi. Používatelia Atomu môžu odosielať balíčky a tie pre softvér.
Vlastnosti:
- Package Manager Integrated pre podporu doplnkov
- Funkcia inteligentného automatického dokončovania
- Automatické dokončovanie: Dokončenie slova, Dokončenie funkcie
- Makro nahrávanie a prehrávanie
- Podpora viacerých tabúľ
- Má integrovaného správcu balíkov.
- Táto multiplatformová úprava nástrojov
- Vyhľadajte ukážku a nahraďte text napísaný do súboru v celom projekte.
- Ponúka paletu príkazov, ktorá obsahuje položky, ktoré sa používajú opakovane.
- Povoliť úpravy naprieč platformami
Odkaz: https://atom.io/
18) Ultra úprava
Ultra-edit je široko používaný výkonný textový editor, ktorý spĺňa najvýkonnejší balík predplatného a hodí sa do každého rozpočtu. Môžete ľahko otvoriť a upraviť veľký súbor, ktorého veľkosť presahuje 4 GB.
Vlastnosti:
- Výkonné vyhľadávanie: Nájdite a nahraďte súbory, inverzné vyhľadávanie regulárnych výrazov atď.
- Zvýraznenie syntaxe kódu v rôznych programovacích jazykoch
- Ponúka skladanie kódu a zoznam hierarchických funkcií
- Môžete preformátovať zdrojový kód
- Funkcia spracovania XML: stromové zobrazenie XML, preformátovanie, validácia atď.
- Multi-caret editácia a multi-select
- Podpora úprav v stĺpcovom (blokovom) režime
- Hľadať: nájsť a nahradiť v súboroch, regulárne výrazy, inverzné vyhľadávanie atď.
- Zvýraznenie syntaxe kódu v ľubovoľnom programovacom jazyku
- Výkonné spracovanie XML
- Inteligentné šablóny - automatické dokončenie inteligentného kódu
- Automatické zatváranie značiek XML / HTML
Odkaz: https://www.ultraedit.com
19) WYSIWYG Web Builder
WYSIWYG Web Builder je ľahko použiteľný a vysoko citlivý nástroj. Umožňuje vám prechádzať tisíce bezplatných a vysoko kvalitných obrázkov.
Vlastnosti:
- Na svoje webové stránky môžete jednoducho pridávať písma Google a ďalšie webové písma.
- Ľahké upozornenia určené na napodobnenie upozornení push
- Ponúka viac ako 150 preddefinovaných animácií
- Posielajte e-maily, nahrávajte súbory, ukladajte údaje do MySQL
Odkaz: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon je editor HTML s otvoreným zdrojovým kódom, ktorý používa program Gecko, ktorý je vykresľovacím nástrojom prehliadača Firefox. Má jednoduché rozhranie a najbežnejšie funkcie potrebné na vytváranie webových stránok.
Vlastnosti:
- Jednoduchá zmena farby písma alebo úprava štýlu orámovania
- Otvára karty z poslednej relácie
- Podporuje platformy Mac, Windows, Linux
- Skratky pre úpravy CSS
- Viaceré témy pre zobrazenie zdroja
Odkaz: http://bluegriffon.org
21) Alohaeditor
Aloha je editorský nástroj WYSIWYG. Pomocou tohto editora HTML je možné upravovať webovú stránku priamo na portáli. Tento nástroj umožňuje rýchlu a nekomplikovanú úpravu fotografií, grafiky, animácií a textu.
Vlastnosti:
- Pomáha vám znížiť zložitosť správcu obsahu
- Ľahko rozšíriteľný základ podľa vašich požiadaviek a preferencií.
- Skopírujte svoj obsah z aplikácie Microsoft Word bez problémov s formátovaním.
- Tento editor obrázkov umožňuje upravovať obsah vašich webových stránok.
Odkaz: https://www.alohaeditor.org
22) Konzoly
Brackets je ľahký nástroj vyvinutý spoločnosťou Adobe. Je to ideálny textový editor, ktorý je otvoreným zdrojom. Tento nástroj vám pomáha prepínať medzi vašim zdrojovým kódom a zobrazením prehliadača.
Vlastnosti:
- Funkcia používateľského rozhrania Rýchla úprava vloží kontextovo špecifický kód a nástroje
- Ponúka živý náhľad, podporu pred procesorom a vložené editory
- Špeciálne vyvinutý nástroj pre macOS
- Dodáva sa s vstavaným správcom rozšírení pre rýchlu a efektívnu správu rozšírení.
Odkaz: http://brackets.io/
23) Aptana
Aptana je výkonný nástroj na vývoj webových aplikácií s otvoreným zdrojovým kódom. Ponúka mnoho prispôsobiteľných nových funkcií, ktoré vám pomôžu zvýšiť produktivitu. Tento nástroj umožňuje rýchle a ľahké vytváranie webových aplikácií pomocou špičkových webových aplikácií IDE v tomto odbore.
Vlastnosti:
- Asistent kódu HTML, CSS a JavaScript
- Udržujte synchronizované nastavenia
- Pomáha vám získať prístup k terminálu príkazového riadku na vykonávanie príkazov a jazyka operačného systému
- Ponúka vám možnosť dať svoje projekty pod kontrolu zdrojového kódu git
- Integrované ladiace programy Ruby & Rails a JavaScript
Odkaz: http://www.aptana.com
24) Volič
Coteditor je užitočný editor HTML pre macOS. Preto vyzerá a správa sa presne ako aplikácie pre macOS. Tento nástroj vám umožňuje písať text okamžite, kedykoľvek chcete.
Vlastnosti:
- Vyfarbite viac ako 50 predinštalovaných hlavných jazykov, ako sú HTML, Python, PHP alebo Ruby.
- Rozdelte okno na viac tabúľ
- Skontrolujte údaje znakov Unicode každého vybraného znaku
- Umožňuje vám vytvoriť vlastné makro vo vašom obľúbenom jazyku
- Odhadnite rôzne kódovania súborov presne.
- Umožňuje vám prístup ku všetkým vašim nastaveniam vrátane definícií syntaxe a tém z okna štandardných predvolieb.
Odkaz: https://coteditor.com
25) ContentTools
ContentTools je softvér HTML editora, ktorý sa dá zadarmo používať. Je to jedna zo zbierky knižníc, ktorá je určená na vytváranie nástrojov, ktoré uľahčujú úpravy obsahu HTML. Tento nástroj ponúka knižnicu, ktorá poskytuje plne funkčný editor stránok, ktorý je predmetom príručky Začíname.
Vlastnosti:
- IT ponúka úplnú dokumentáciu API a príklady.
- Editor ContentTools WYSIWYG by sa mal na každú stránku HTML pridať pomocou niekoľkých jednoduchých krokov
- Sprievodcovia krok za krokom pre scenáre bežného používania a pokročilejšie témy
Odkaz: http://getcontenttools.com/
26) Letná poznámka
Summernote je ľahko inštalovateľný editor HTML. Podporuje Bootstrap 3.xx až 4.xx. Ponúka ľahkú integráciu s tretími stranami, ako sú Django, Rails a Angle,
Vlastnosti
- Ľahko sa inštaluje editor HTML
- Prispôsobte si ich inicializáciou rôznych elixírov a modulov.
- Ľahká integrácia s tretími stranami, ako sú Django, Rails a Angular.
- Inteligentná interakcia používateľa
- Podporuje prehliadače Safari, Chrome, Firefox, Opera a Edge.
- Funguje na rôznych OS ako Windows, macOS, Linux atď.
Odkaz: https://summernote.org
27) Textbox.io
Nástroje na editáciu HTML v Textbox.io a jednoduché užívateľské rozhranie. Umožní vám to vytvárať HTML na počítači a mobile. Tento nástroj na úpravy HTML obsahuje formátovanie textu, hypertextové odkazy, tabuľky atď.
Vlastnosti:
- Zabudované spracovanie a ukladanie obrázkov
- File drag & drop
- Kontrola pravopisu a automatické opravy
- Čisté kopírovanie a vkladanie z aplikácie Microsoft Word
- Podpora viacerých prehliadačov
Odkaz : https://textbox.io