A WYSIWYG egy olyan szerkesztő, amely lehetővé teszi a fejlesztő számára, hogy a tényleges felület vagy dokumentum élővé tétele előtt megtekinthesse a végeredményeket. A WYSIWYG teljes formája "amit látsz, azt kapod". Ez a típusú szoftver lehetővé teszi a tartalom szerkesztését olyan formában, hogy megjelenéskor vagy kinyomtatásakor ugyanúgy nézzen ki.
Számos WYSIWYG szerkesztő kínál olyan funkciókat, mint a Multi-view és a Multi-Language támogatás. Ugyancsak elkészített elrendezést kínál weboldalak létrehozására, a HTML5 és CSS3 támogatását stb.
Az alábbiakban a legnépszerűbb WYSIWYG EDITOR válogatott listája található népszerű szolgáltatásaikkal és webhelylinkjeikkel. A lista nyílt forráskódú (ingyenes) és kereskedelmi (fizetős) szoftvereket egyaránt tartalmaz.
1) Álomszövő
A Dreamweaver egy népszerű HTML-szerkesztő, amely segít weboldalak létrehozásában, közzétételében és kezelésében. A Dreamweaver alkalmazással létrehozott weboldal bármely webszerverre feltölthető.
Jellemzők:
- A dinamikus weboldalak gyorsan kifejleszthetők a Dreamweaver segítségével.
- Elkészített elrendezéseket biztosít egy webhely felépítéséhez.
- Bármilyen képernyőméretnek megfelelő webhelyet hozhat létre.
- Ez az eszköz segít a munkaterület tetszés szerinti testreszabásában.
- Beépített HTML-ellenőrzővel rendelkezik a kód ellenőrzéséhez.
2) Sárkány
A Kite a WYSIWYG HTML szerkesztők IDE-je, amely automatikusan kitölti a több vonalkódot. Ez a szerkesztő több mint 16 nyelvet támogat. Segít a gyorsabb kódolásban, gond nélkül.
Ár : Ingyenes
Jellemzők:
- Java dokumentációt kínál.
- Ez a szerkesztő a funkció aláírását írja be gépelés közben.
- Eszköztippet kap az egér lebegésével.
- Támogatást nyújt e-mailben.
- Gépi tanulási modelleket használ a Java nyelvhez.
3) CoffeeCup HTML szerkesztő
A kávéscsésze egy WYSIWYG HTML-szerkesztő, amely segít az osztott képernyős előnézet használatában a weboldal megtekintésében. Az eszköz lehetővé teszi, hogy az alapértelmezett webböngészőben megnyissa a W3C jelölés-ellenőrzési szolgáltatást.
Jellemzők:
- Segít az osztott képernyős előnézet felhasználásában a weboldalán
- Készen áll a szemantikus webre
- A beépített Validate HTML eszköz felajánlja az alapértelmezett webböngészőben a W3C jelölésellenőrzési szolgáltatást.
- A beépített FTP feltöltő segít abban, hogy a webhelyet az Ön által kiválasztott helyre tegye közzé
- A megosztott képernyős előnézeti funkciók lehetővé teszik a weboldal megtekintését egy böngészőben, közvetlenül a Kódszerkesztőből.
Link: https://www.coffeecup.com/html-editor/
4) Wix
A Wix könnyen használható, kezdőbarát, a fogd és vidd weboldal készítő. Ez a webszerkesztő eszköz lehetővé teszi az elemek elvetését bárhová, bármely oldalon.
Jellemzők:
- Ez lehetővé teszi, hogy személyes blogot hozzon létre egy portfólió webhelyén vagy akár egy online áruházban.
- 500+ téma és sablon
- Számos sablon érkezik sok kategóriába.
- Ajánlatok funkció a számlák küldéséhez és kezeléséhez.
- Többnyelvű üzletek.
- A forgalom nyomon követése a Google Analytics segítségével.
5) Apache NetBeans
A NetBeans egy nyílt forráskódú kódszerkesztő eszköz Java, PHP, C ++ és más programozási nyelvekkel történő fejlesztéshez. A kódelemzés és -konvertálás szolgáltatásait is kínálja. Ez lehetővé teszi az alkalmazások frissítését az új Java 13 nyelvi konstrukciók használatára.
Jellemzők:
- Könnyű és hatékony projektmenedzsment
- Gyors és intelligens kódszerkesztést kínál
- Gyors felhasználói felület fejlesztése
- Segít hibamentes kód megírásában
Link: https://netbeans.apache.org
6) Jegyzettömb ++
A Notepad ++ egy népszerű, ingyenesen használható kódszerkesztő, amely C ++ nyelven íródott. A tiszta Win32 API-t használja, amely nagyobb végrehajtási sebességet és kis programméretet kínál. Csak az ablak környezetében fut, és a GPL licenc alatt érhető el.
Jellemzők:
- Támogatja a szintaxis kiemelését olyan nyelveken, mint a HTML, PHP, JavaScript és CSS.
- Automatikus kiegészítési funkciókkal rendelkezik a szavakhoz és a funkciókhoz.
- Makró felvételi és lejátszási lehetőségeket kínál.
- Felhasználó által definiált szintaxis kiemelés és hajtogatás
- Teljesen testreszabható GUI
- Több nézet és többnyelvű támogatás
Link: https://notepad-plus-plus.org/
7) Google Web Designer
A Google Web Designer segít megnyerő HTML5-tartalmak létrehozásában. Lehetővé teszi animációk és interaktív elemek használatát kreatív elképzeléseinek életre keltéséhez, és zökkenőmentesen integrálódik más Google-termékekkel, mint például a Google Drive, a Google Ads, a Display & Video 360 stb.
Jellemzők:
- Dinamikus munkafolyamatot kínál
- A Google Web Designer széles választékot kínál a vizuális és videohirdetési formátumokhoz
- Az adaptív hirdetések támogatása
- Egyszerű és hatékony Google integráció
- Segít gyönyörű, vonzó HTML5-tartalmak létrehozásában
Link: https://webdesigner.withgoogle.com
8) Fenséges szöveg
A Sublime Text egy olyan HTML-szerkesztő, amely számos nyelvet támogat, mint például a JavaScript, Perl, PHP, Python, Ruby és mások. Ezt a HTML-kódszerkesztőt használhatja kódoláshoz, jelöléshez és prózához. A szerkesztő támogatja az OS X, Windows és Linux operációs rendszereket.
Jellemzők:
- Ez lehetővé teszi a szintaxis kiemelését.
- Parancs-paletta implementációval rendelkezik, amely elfogadja a felhasználóktól a szövegbevitelt.
- Kezelje az UTF8 BOM-okat .gitignore fájlokban
- Mappák és fájlok jelvényeinek megjelenítése a Git állapotának jelzésére
- A fájlban bekövetkezett változásokat az ereszcsatornában elérhető jelölők jelentik.
Link: https://www.sublimetext.com
9) TinyMCE
A TinyMCE a gazdag szövegszerkesztő platform, amely segített elindítani az Atlassian, a Medium, az Evernote (szövegszerkesztő eszköz) és egyebeket. Integrálhatja a TinyMCE React, az Angular, a Vue.js, a Bootstrap, a RAILS, a dojo, a jQuery stb.
Jellemzők:
- Jól konfigurálható nagy ökoszisztémával.
- Modern, mobilra kész és vállalati szintű
- Tárolhat és szerkeszthet képeket és fájlokat bármely webszerveren
- Dinamikus fájlfeltöltést kínál bármely böngészőhöz.
Link: https://www.tiny.cloud
10) CKEditor
A Ckeditor egy intelligens WYSIWYG szerkesztő, amely együttműködő szerkesztéssel rendelkezik. Lehetővé teszi az Excel, a Word, a táblázatok stb. Beillesztését.
Jellemzők:
- Olyan funkciókat kínál, mint az automatikus kiegészítés, a @ említések, a widgetek,
- Teljes tartalomellenőrzést kínál: HTML-szűrés és forrás-mód megtekintése.
- Nagy hozzáférhetőség: 508. szakasz, megfelelő és WCAG 2.0 AA.
- Egyéni kimeneti formátum és Markdown támogatás.
- Kialakítással bővíthető és testreszabható
- Segít a termelékenység növelésében az automatikus formázással és az együttműködéssel.
Link: https://ckeditor.com
11) Toll
A Quill egy ingyenes, nyílt forráskódú, hatékony WYSIWYG szerkesztő, amelyet a modern web számára fejlesztettek ki. Moduláris architektúrája és kifejező API-ja ideális HTML-szerkesztő minden igényhez.
Jellemzők:
- Támogatja az összes modern böngészőt táblagépeken, asztali számítógépeken és telefonokon.
- Részletes hozzáférés a szerkesztő tartalmához, változásaihoz és eseményeihez egy egyszerű API-n keresztül.
- Rich text szerkesztők, amelyek célja, hogy segítsenek az embereknek a szövegírásban.
- Lehetővé teszi egyedi tartalom és formázás elvégzését.
Link: https://quilljs.com
12) Froala
A Froala a következő generációs WYSIWYG HTML-szerkesztő. Ezt a könnyen integrálható szerkesztőt a fejlesztők széles körben használják az egyértelmű kialakítás miatt.
Jellemzők:
- Hatékony API és dokumentáció
- A dobozból több mint 30 beépülő modul közül választhat
- A WYSIWYG HTML-szerkesztő egy alapvető Javascript-eszközt sok iparág számára alapvető technológiává alakított át.
- A Froala rich text editor számos egyszerű és összetett funkcióval rendelkezik, mindenféle felhasználási esetre.
Link : https://froala.com/wysiwyg-editor/
13) Komodo Edit
A Komodo edit egy könnyen használható és hatékony kódszerkesztő eszköz. Lehetővé teszi hibakeresést, egységtesztelést és kódjavítást. Kódprofilt és integrációkat biztosít más technológiákkal is, például a Grunt, a PhoneGap, a Docker, a Vagrant és még sok mással.
Jellemzők:
- Többnyelvű szerkesztő
- Sok kortárs színvilág
- Natív Unicode támogatás és kompatibilitás ellenőrzése
- Könnyen integrálható az asztali környezetbe.
Link: https://www.activestate.com/products/komodo-ide/
14) Visual Studio kód
A Visual Studio Code egy nyílt forráskódú kódszerkesztő szoftver, amelyet a Microsoft fejlesztett ki. Beépített támogatást nyújt a TypeScript, a JavaScript és a Node.js fájlokhoz. Automatikusan kiegészül az IntelliSense szolgáltatásokkal, amelyek intelligens kiegészítéseket kínálnak, az alapvető modulok, a változó típusok és a funkciódefiníciók alapján.
Jellemzők:
- Egyszerű munkavégzés a Git és más SCM (Software Configuration management) szolgáltatókkal
- Kódjavítás és hibakeresés
- Támogatott platform a Mac, Windows, Linux
- Könnyen bővíthető és testreszabható
Link: https://code.visualstudio.com/
15) OpenElement
Az OpenElement egy ingyenes szoftvertervező és -alkotó alkalmazás, amelyet az Element Technologie adott ki. Az eszközt a Chromium, a Google Chrome motor hajtja, és Microsoft Windows rendszeren fut.
Jellemzők:
- Intuitív felület
- Minden szerkeszthető
- Segít a kód kezelésében
- Újrafelhasználható stílusok és elemcsomagok
- Keresztböngésző
- Többnyelvű webhelyek
- Reszponzív dizájn
- Teljesen testreszabható CSS
- Element editor - elemek létrehozása és megosztása
- Kép- és kódoptimalizálás egyszerű integrálása
- Powered by Chromium
Link: https://www.openelement.com
16) Jegyzetfüzet
A NoteTab a legjobb Notepad csere. A webmesterek számára ez a leggyorsabb HTML-szerkesztő. Ez a legsokoldalúbb szövegszerkesztő, amely továbbfejlesztett szintaxis kiemelést kínál a HTML számára.
Jellemzők:
- Keresés könnyen használható helyettesítő karakterekkel
- Valós idejű szószám
- A CSS szintaktikai kiemelése
- Szöveges statisztikák a SEO-hoz
- A HTML5 és a CSS3 támogatása
- Új HTML / CSS könyvtárak
Link: https://www.notetab.com
17) Atom
Az Atom egy hasznos HTML kódszerkesztő eszköz, amelyet a programozók előnyben részesítenek, a többi szerkesztőhöz képest egyszerű felülete miatt. Az Atom felhasználói csomagokat és azokat küldhetik be a szoftverhez.
Jellemzők:
- Csomagkezelő A beépülő modulok támogatásához integrálva
- Az intelligens automatikus kiegészítés jellemzője
- Automatikus kiegészítés: Szó befejezése, Funkció befejezése
- Makró felvétel és lejátszás
- Támogassa a több ablakot
- Integrált csomagkezelővel rendelkezik.
- Ez a platformok közötti szerkesztés
- Keresse meg az előnézetet, és cserélje le a fájlba beírt szöveget az egész projektre.
- Parancspalettát kínál, amely többször használt elemeket tartalmaz.
- Többplatformos szerkesztés engedélyezése
Link: https://atom.io/
18) Ultra szerkesztés
Az Ultra-edit egy széles körben használt, hatékony szövegszerkesztő, amely megfelel a legerősebb előfizetői csomagnak, és bármilyen költségkeretnek megfelel. Könnyedén megnyithat és szerkeszthet egy nagy méretű fájlt, amely meghaladja a 4 GB méretet.
Jellemzők:
- Erőteljes keresés: Keressen és cseréljen fájlokban, fordítson keresést a reguláris kifejezésekben stb.
- Kódszintaxis kiemelés különféle programozási nyelveken
- Kódhajtogatást és hierarchikus függvénylistát kínál
- Újra formázhatja a forráskódot
- Az XML kezelés jellemzője: XML fa nézet, formázás, validálás stb.
- Többkarétás szerkesztés és többszörös kijelölés
- Támogatja az oszlop (blokk) mód szerkesztését
- Keresés: keresés és csere fájlokban, reguláris kifejezések, inverz keresés stb.
- Kódszintaxis kiemelés bármilyen programozási nyelven
- Erőteljes XML kezelés
- Intelligens sablonok - automatikus intelligens kódfeltöltés
- Automatikusan záródó XML / HTML címkék
Link: https://www.ultraedit.com
19) WYSIWYG Webépítő
A WYSIWYG Web Builder egy könnyen használható és rendkívül érzékeny eszköz. Ez lehetővé teszi, hogy több ezer szabadon használható, kiváló minőségű képet böngészhessen.
Jellemzők:
- Könnyen hozzáadhat Google betűtípusokat és más webes betűtípusokat a webhelyéhez.
- Könnyű értesítések, amelyek célja a leküldéses értesítések utánzása
- Több mint 150 előre meghatározott animációt kínál
- Küldjön e-maileket, töltsön fel fájlokat, tároljon adatokat a MySQL-ben
Link: https://www.wysiwygwebbuilder.com
20) BlueGriffon
A BlueGriffon egy nyílt forráskódú HTML-szerkesztő, amelyet a Gecko hajt, amely a Firefox renderelő motorja. Egyszerű kezelőfelülettel és a weboldalak létrehozásához szükséges legáltalánosabb funkciókkal rendelkezik.
Jellemzők:
- Könnyű megváltoztatni a betűtípus színét vagy beállítani a szegélystílust
- Megnyitja a legutóbbi munkamenet lapjait
- Támogatja a Mac, Windows, Linux platformokat
- Parancsikonok a CSS szerkesztéséhez
- Több téma a forrás nézethez
Link: http://bluegriffon.org
21) Alohaeditor
Az Aloha egy WYSIWYG szerkesztő eszköz. Ennek a HTML-szerkesztőnek a segítségével közvetlenül lehet szerkeszteni egy weboldalt a portálon. Az eszköz lehetővé teszi a fényképek, grafikák, animációk és szövegek gyors, egyszerű szerkesztését.
Jellemzők:
- Segít csökkenteni néhány tartalomkezelőt
- Könnyen bővíthető alap az Ön igényeinek és preferenciáinak.
- Másolja tartalmát a Microsoft Word programból formázási problémák nélkül.
- Ez a képszerkesztő lehetővé teszi webhelye tartalmának szerkesztését.
Link: https://www.alohaeditor.org
22) Zárójelek
A konzolok az Adobe által kifejlesztett könnyű eszköz. Ideális szövegszerkesztő, amely nyílt forráskódú. Ez az eszköz segít átváltani a forráskód és a böngésző nézete között.
Jellemzők:
- A Gyors szerkesztés felhasználói felület funkció a kontextus-specifikus kódot és eszközöket helyezi sorba
- Élő előnézetet, előprocesszoros támogatást és beépített szerkesztőket kínál
- Különösen kifejlesztett eszköz a macOS számára
- A beépített kiterjesztéskezelővel érkezik a gyors és hatékony kiterjesztéskezeléshez.
Link: http://brackets.io/
23) Aptana
Az Aptana hatékony nyílt forráskódú webfejlesztő eszköz. Számos testreszabható új funkciót kínál, amelyek segítenek abban, hogy produktívabb legyen. Az eszköz segítségével gyorsan és egyszerűen készíthet webalkalmazásokat az iparág vezető webalkalmazásának IDE használatával.
Jellemzők:
- HTML, CSS és JavaScript Code Assist
- Szinkronizált beállítások megtartása
- Segít elérni a parancssori terminált az operációs rendszer parancsainak és nyelvének végrehajtásához
- Felajánlja, hogy a projekteket git forráskód-ellenőrzés alá helyezze
- Az integrált Ruby & Rails és JavaScript hibakeresők
Link: http://www.aptana.com
24) Cotitor
A Coteditor egy hasznos HTML-szerkesztő a macOS-hoz. Ezért pontosan úgy néz ki és úgy viselkedik, mint a macOS alkalmazások. Az eszköz lehetővé teszi, hogy azonnal írjon szöveget, amikor csak akar.
Jellemzők:
- Színezzen több mint 50 előre telepített főbb nyelvet, például HTML, Python, PHP vagy Ruby.
- Bontson egy ablakot több ablaktáblára
- Ellenőrizze az egyes kiválasztott karakterek Unicode karakteradatait
- Lehetővé teszi saját makró létrehozását a kedvenc nyelvén
- Becsülje meg a különböző fájlkódolásokat pontosan.
- Lehetővé teszi az összes beállítás elérését, beleértve a szintaxis definíciókat és a témákat is a szokásos beállítások ablakából.
Link: https://coteditor.com
25) ContentTools
A ContentTools egy ingyenesen használható HTML-szerkesztő szoftver. Ez egy könyvtárgyűjtemény, amelyet olyan eszközök felépítésére terveztek, amelyek megkönnyítik a HTML-tartalom szerkesztését. Az eszköz egy olyan könyvtárat kínál, amely egy teljesen funkcionális oldalszerkesztőt biztosít, amely az Első lépések útmutató tárgyát képezi.
Jellemzők:
- Az IT teljes API dokumentációt és példákat kínál.
- A ContentTools WYSIWYG szerkesztőt néhány egyszerű lépésben hozzá kell adni minden HTML-oldalhoz
- Lépésenkénti útmutatók a gyakori felhasználási forgatókönyvekhez és a fejlettebb témákhoz
Link: http://getcontenttools.com/
26) Summernote
A Summernote egy könnyen telepíthető HTML-szerkesztő. Támogatja a Bootstrap 3.xx - 4.xx fájlokat. Könnyű integrációt kínál harmadik felekkel, például a Django, a Rails és az Angle,
Jellemzők
- Könnyen telepíthető HTML szerkesztő
- Testreszabása különböző italok és modulok inicializálásával.
- Könnyű integráció olyan harmadik felekkel, mint a Django, a Rails és az Angular.
- Intelligens felhasználói interakció
- Támogatja a Safari, Chrome, Firefox, Opera és Edge böngészőket.
- Különböző operációs rendszereken működik, például Windows, macOS, Linux stb.
Link: https://summernote.org
27) Textbox.io
A Textbox.io HTML-szerkesztő eszközei és egyszerű felhasználói felülete. Ez lehetővé teszi a HTML létrehozását az asztalon és a mobilon. Ez a HTML-szerkesztő eszköz tartalmaz szövegformázást, hiperhivatkozásokat, táblázatokat stb.
Jellemzők:
- Beépített képkezelés és tárolás
- Fájl fogd és vidd
- Helyesírás-ellenőrzés és automatikus javítás
- Tiszta copy-paste a Microsoft Word alkalmazásból
- Böngészők közötti támogatás
Link : https://textbox.io