Un WYSIWYG este un editor care permite unui dezvoltator să previzualizeze rezultatele finale înainte ca interfața reală sau documentul să fie live. Forma completă a WYSIWYG este „ceea ce vedeți este ceea ce obțineți”. Acest tip de software vă permite să editați conținutul într-un formular, astfel încât să arate la fel când este afișat sau tipărit.
Există numeroși editori WYSIWYG care oferă caracteristici precum asistență Multi-view și Multi-Language. De asemenea, oferă aspectul gata pentru a crea site-uri web, suport pentru HTML5 și CSS3 etc.
Următoarea este o listă selectată manual cu Top WYSIWYG EDITOR, cu caracteristicile lor populare și link-uri de site-uri web. Lista conține atât software open source (gratuit), cât și software comercial (plătit).
1) Dreamweaver
Dreamweaver este un popular editor HTML care vă ajută să creați, să publicați și să gestionați site-uri web. Un site web creat cu Dreamweaver poate fi încărcat pe orice server web.
Caracteristici:
- Site-urile dinamice pot fi dezvoltate rapid folosind Dreamweaver.
- Oferă aspecte gata preparate pentru a construi un site web.
- Puteți crea un site web care să se potrivească oricărei dimensiuni a ecranului.
- Acest instrument vă ajută să personalizați spațiul de lucru așa cum doriți.
- Are un validator HTML încorporat pentru a vă valida codul.
2) Zmeu
Kite este IDE pentru editorii HTML WYSIWYG care completează automat mai multe coduri de linie. Acest editor acceptă mai mult de 16 limbi. Vă ajută să codificați mai repede fără probleme.
Preț : gratuit
Caracteristici:
- Oferă documentație Java.
- Acest editor oferă o semnătură de funcție pe măsură ce tastați.
- Veți primi un sfat de instrumente la mouse-ul.
- Oferă asistență prin e-mail.
- Folosește modele de învățare automată pentru limbajul Java.
3) Editorul CoffeeCup HTML
O ceașcă de cafea este un editor HTML WYSIWYG, care vă ajută să utilizați previzualizarea pe ecran divizat pentru a vă vedea pagina web. Instrumentul vă permite să deschideți serviciul de validare a marcajului W3C în browserul dvs. web implicit.
Caracteristici:
- Vă ajută să utilizați previzualizarea ecranului divizat pe pagina dvs. web
- Gata pentru web-ul semantic
- Oferă instrumentul validat HTML încorporat deschide serviciul de validare a marcajului W3C în browserul dvs. web implicit.
- Programul de încărcare FTP încorporat vă ajută să publicați site-ul web la locul dorit
- Funcțiile de previzualizare a ecranului divizat vă permit să vizualizați pagina dvs. web într-un browser chiar din Editorul de cod.
Link: https://www.coffeecup.com/html-editor/
4) Wix
Wix este ușor de utilizat, creator de site-uri web pentru dragi începători, drag-and-drop. Acest instrument de editare web vă permite să plasați elemente oriunde doriți pe orice pagină.
Caracteristici:
- Vă permite să creați un blog personal pe un site de portofoliu sau chiar un magazin online.
- Peste 500 de teme și șabloane
- Acesta vine cu un număr mare de șabloane filtrate în multe categorii.
- Funcție de oferte pentru trimiterea și gestionarea facturilor.
- Magazine multilingve.
- Urmăriți traficul cu Google Analytics.
5) Apache NetBeans
NetBeans este un instrument de editare a codului open-source pentru dezvoltarea cu Java, PHP, C ++ și alte limbaje de programare. De asemenea, oferă caracteristici de analiză și conversie a codului. Vă permite să vă actualizați aplicațiile pentru a utiliza noi versiuni de limbaj Java 13.
Caracteristici:
- Management de proiect ușor și eficient
- Oferă editare rapidă și inteligentă a codului
- Dezvoltarea rapidă a interfeței de utilizator
- Vă ajută să scrieți cod fără erori
Link: https://netbeans.apache.org
6) Notepad ++
Notepad ++ este un editor de cod gratuit, utilizat în mod popular, scris în C ++. Folosește API win32 pur, care oferă o viteză de execuție mai mare și o dimensiune redusă a programului. Acesta rulează numai în mediul ferestrei și este disponibil sub licența GPL.
Caracteristici:
- Suportă evidențierea sintaxei pentru limbi precum HTML, PHP, JavaScript și CSS.
- Are caracteristici de completare automată pentru cuvinte și funcții.
- Oferă facilități de înregistrare și redare macro.
- Evidențierea și plierea sintaxei definite de utilizator
- GUI complet personalizabil
- Suport multi-vizualizare și multi-limbă
Link: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer vă ajută să creați conținut HTML5 atrăgător. Vă permite să utilizați elemente de animație și interactive pentru a vă aduce viziunea creativă la viață și vă oferă o integrare perfectă cu alte produse Google, cum ar fi Google Drive, Google Ads, Display & Video 360 etc.
Caracteristici:
- Oferă un flux de lucru dinamic
- Google Web Designer oferă o gamă largă de formate de anunțuri grafice și video
- Asistență pentru anunțuri adaptabile
- Integrare Google ușoară și eficientă
- Vă ajută să creați conținut HTML5 frumos și captivant
Link: https://webdesigner.withgoogle.com
8) Text sublim
Sublime Text este un editor HTML care acceptă multe limbi precum JavaScript, Perl, PHP, Python, Ruby și altele. Puteți utiliza acest editor de cod HTML pentru cod, marcare și proză. Editorul acceptă sistemele de operare OS X, Windows și Linux.
Caracteristici:
- Vă permite să evidențiați sintaxa.
- Are implementarea paletei de comandă care acceptă introducerea de text de la utilizatori.
- Manipulați distanțele UTF8 în fișiere .gitignore
- Afișați ecusoane pentru foldere și fișiere pentru a indica starea Git
- Modificările aduse unui fișier sunt reprezentate de markere disponibile în jgheab.
Link: https://www.sublimetext.com
9) TinyMCE
TinyMCE este platforma bogată de editare a textelor care a ajutat la lansarea Atlassian, Medium, Evernote (instrument de editare a textului) și multe altele. Puteți integra TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery etc.
Caracteristici:
- Foarte configurabil cu un ecosistem mare.
- Modern, pregătit pentru mobil și de calitate pentru întreprinderi
- Stocați și editați imagini și fișiere pe orice server web
- Oferă încărcare dinamică a fișierelor pentru orice browser.
Link: https://www.tiny.cloud
10) CKEditor
Ckeditor este un editor inteligent WYSIWYG care are componente cu editare colaborativă. Vă permite să lipiți din Excel, Word, tabele etc.
Caracteristici:
- Oferă funcții precum completarea automată, @mentions, widget-uri,
- Oferă control deplin asupra conținutului: filtrare HTML și modul sursă de vizualizare.
- Accesibilitate excelentă: Secțiunea 508, conformă și WCAG 2.0 AA.
- Format de ieșire personalizat și suport pentru Markdown.
- Extensibil și personalizabil prin design
- Vă ajută să sporiți productivitatea cu formatarea automată și colaborarea.
Link: https://ckeditor.com
11) Pană
Quill este un editor WYSIWYG gratuit, open-source, puternic, conceput pentru web-ul modern. Arhitectura sa modulară și API-ul expresiv este un editor HTML ideal pentru a se potrivi oricărei nevoi.
Caracteristici:
- Suportă toate browserele moderne de pe tablete, desktopuri și telefoane.
- Acces granular la conținutul, modificările și evenimentele editorului printr-un API simplu.
- Editori de text îmbogățit, concepuți pentru a ajuta oamenii să scrie text.
- Vă permite să faceți conținut personalizat și formatare.
Link: https://quilljs.com
12) Froala
Froala este următorul editor WYSIWYG HTML de generație. Acest editor ușor de integrat este utilizat pe scară largă de dezvoltatori datorită designului său clar.
Caracteristici:
- API și documentație puternice
- Oferă peste 30 de plugin-uri din cutie pentru a alege
- Editorul HTML WYSIWYG a transformat un instrument de bază Javascript într-o tehnologie esențială pentru multe industrii.
- Editorul de text bogat Froala are o gamă largă de caracteristici simple și complexe pentru toate tipurile de cazuri de utilizare.
Link : https://froala.com/wysiwyg-editor/
13) Editare Komodo
Editarea Komodo este un instrument de editare a codului ușor de utilizat și puternic. Vă permite să faceți depanare, testare unitară, refactorizare cod. De asemenea, oferă profil de cod, plus integrări cu alte tehnologii precum Grunt, PhoneGap, Docker, Vagrant și multe altele.
Caracteristici:
- Editor multi-limbă
- O mulțime de scheme de culori contemporane
- Suport nativ Unicode și verificarea compatibilității
- Se integrează cu ușurință în mediul desktop.
Link: https://www.activestate.com/products/komodo-ide/
14) Cod Visual Studio
Visual Studio Code este un software de editare a codului open source dezvoltat de Microsoft. Oferă suport încorporat pentru TypeScript, JavaScript și Node.js. Este completat automat cu funcții IntelliSense care oferă completări inteligente bazate pe module esențiale, tipuri de variabile și definiții ale funcțiilor.
Caracteristici:
- Lucrul ușor cu Git și alți furnizori SCM (Software Configuration Management)
- Refactorizare cod și depanare
- Platforma acceptată este Mac, Windows, Linux
- Ușor extensibil și personalizabil
Link: https://code.visualstudio.com/
15) OpenElement
OpenElement este o aplicație gratuită de proiectare și autorizare a site-urilor web publicată de Element Technologie. Instrumentul este alimentat de Chromium, motorul Google Chrome și rulează pe Microsoft Windows.
Caracteristici:
- Interfață intuitivă
- Totul este editabil
- Vă ajută să gestionați codul
- Stiluri și pachete de elemente reutilizabile
- Cross-browser
- Site-uri web multilingve
- Proiectare receptivă
- CSS complet personalizabil
- Editor de elemente - creați și distribuiți elemente
- Integrarea ușoară a optimizării imaginii și codului
- Alimentat de Chromium
Link: https://www.openelement.com
16) Notă Tab
NoteTab este cel mai bun înlocuitor de Notepad de acolo. Pentru webmasteri, este cel mai rapid editor HTML. Este cel mai versatil editor de text care oferă evidențierea sintaxei îmbunătățită pentru HTML.
Caracteristici:
- Căutarea cu metacaractere ușor de utilizat
- Număr de cuvinte în timp real
- Evidențierea sintaxei pentru CSS
- Statistici text pentru SEO
- Suport pentru HTML5 și CSS3
- Biblioteci noi HTML / CSS
Link: https://www.notetab.com
17) Atom
Atom este un instrument util de editare a codului HTML preferat de programatori datorită interfeței sale simple comparativ cu ceilalți editori. Utilizatorii Atom pot trimite pachete și acestea pentru software.
Caracteristici:
- Manager de pachete integrat pentru suport pentru pluginuri
- Caracteristica completării automate inteligente
- Completare automată: completare cuvânt, completare funcție
- Înregistrare și redare macro
- Suportă mai multe panouri
- Are un manager de pachete integrat.
- Acest instrument multi-platformă de editare
- Căutați previzualizarea și înlocuiți textul introdus într-un fișier pe întregul proiect.
- Oferă o paletă de comenzi care conține elemente care sunt utilizate în mod repetat.
- Permiteți editarea pe mai multe platforme
Link: https://atom.io/
18) Ultra edit
Ultra-edit este un editor de text puternic utilizat pe scară largă, care îndeplinește cel mai puternic pachet de abonament și se potrivește cu orice buget. Puteți deschide și edita cu ușurință un fișier mare care depășește 4 GB.
Caracteristici:
- Căutare puternică: găsiți și înlocuiți în fișiere, căutați invers expresii regulate etc.
- Evidențierea sintaxei codului într-un limbaj de programare divers
- Oferă plierea codurilor și listarea funcțiilor ierarhice
- Puteți reformata codul sursă
- Caracteristică de manipulare XML: vizualizare în arbore XML, reformatare, validare etc.
- Editare multi-caret și selectare multiplă
- Suport editare mod coloană (bloc)
- Căutare: găsiți și înlocuiți în fișiere, expresii regulate, căutare inversă etc.
- Evidențierea sintaxei codului în orice limbaj de programare
- Manevrare XML puternică
- Șabloane inteligente - completarea automată a codului inteligent
- Închiderea automată a etichetelor XML / HTML
Link: https://www.ultraedit.com
19) WYSIWYG Web Builder
WYSIWYG Web Builder este un instrument ușor de utilizat și foarte receptiv. Vă permite să răsfoiți mii de imagini gratuite și de înaltă calitate.
Caracteristici:
- Adăugați cu ușurință fonturi Google și alte fonturi web pe site-ul dvs. web.
- Notificări ușoare concepute pentru a imita notificările push
- Oferă peste 150 de animații predefinite
- Trimiteți e-mailuri, încărcați fișiere, stocați date în MySQL
Link: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon este un editor HTML open-source alimentat de Gecko, care este motorul de redare Firefox. Are o interfață simplă și caracteristicile cele mai obișnuite necesare pentru a crea pagini web.
Caracteristici:
- Ușor de schimbat culoarea fontului sau de a regla stilul chenarului
- Deschide filele din ultima sesiune
- Suportă platforme Mac, Windows, Linux
- Comenzi rapide pentru editarea CSS
- Mai multe teme pentru vizualizarea sursă
Link: http://bluegriffon.org
21) Alohaeditor
Aloha este un instrument de editare WYSIWYG. Cu ajutorul acestui editor HTML, este posibil să editați un site web direct pe portal. Instrumentul permite editarea rapidă, fără complicații, a fotografiilor, a graficii, a animației și a textului.
Caracteristici:
- Vă ajută să reduceți volumul de manager de conținut
- Bază ușor de extins pe baza cerințelor și preferințelor dvs.
- Copiați conținutul dvs. din Microsoft Word fără probleme de formatare.
- Acest editor de imagini vă permite să editați conținutul site-ului dvs. web.
Link: https://www.alohaeditor.org
22) Suporturi
Brackets este un instrument ușor dezvoltat de Adobe. Este un editor de text ideal, care este open source. Acest instrument vă ajută să comutați între codul sursă și vizualizarea browserului.
Caracteristici:
- Funcția UI de editare rapidă pune codul și instrumentele specifice contextului în linie
- Oferă previzualizare live, suport pentru pre-procesor și editori în linie
- Instrument special dezvoltat pentru macOS
- Vine cu managerul de extensii încorporat pentru o gestionare rapidă și eficientă a extensiilor.
Link: http://brackets.io/
23) Aptana
Aptana este un instrument puternic de dezvoltare web open source. Oferă multe funcții noi personalizabile care vă ajută să fiți mai productivi. Instrumentul vă permite să creați aplicații web rapid și ușor utilizând IDE de aplicații web de top din industrie.
Caracteristici:
- HTML, CSS și JavaScript Code Assist
- Configurări sincronizate
- Vă ajută să accesați un terminal de linie de comandă pentru executarea comenzilor și limbajului sistemului de operare
- Vă oferă să vă puneți proiectele sub controlul codului sursă git
- Debuggerele integrate Ruby & Rails și JavaScript
Link: http://www.aptana.com
24) Coteditor
Coteditor este un editor HTML util pentru macOS. Prin urmare, arată și se comportă exact ca aplicațiile macOS. Instrumentul vă permite să scrieți textul imediat oricând doriți.
Caracteristici:
- Colorează mai mult de 50 de limbaje majore preinstalate, cum ar fi HTML, Python, PHP sau Ruby.
- Împărțiți o fereastră în mai multe panouri
- Inspectați datele caracterelor Unicode ale fiecărui caracter selectat
- Vă permite să creați propria macro în limba dvs. preferată
- Estimează cu exactitate diverse codificări de fișiere.
- Vă permite să accesați toate setările, inclusiv definițiile sintaxei și temele dintr-o fereastră standard de preferințe.
Link: https://coteditor.com
25) ContentTools
ContentTools este un software gratuit de editare HTML. Face parte dintr-o colecție de biblioteci concepută pentru a construi instrumente care facilitează editarea conținutului HTML. Instrumentul oferă o bibliotecă care oferă un editor de pagini complet funcțional, care face obiectul ghidului Noțiuni introductive.
Caracteristici:
- IT oferă documentație API completă și exemple.
- Editorul ContentTools WYSIWYG ar trebui adăugat la orice pagină HTML în câțiva pași simpli
- Ghiduri pas cu pas pentru scenarii de utilizare obișnuită și subiecte mai avansate
Link: http://getcontenttools.com/
26) Summernote
Summernote este un editor HTML ușor de instalat. Aceasta susține Bootstrap 3.xx la 4.xx Acesta oferă o integrare ușoară cu 3 rd părți , cum ar fi Django, șine, și unghiul,
Caracteristici
- Editor HTML ușor de instalat
- Personalizați inițializând diverse poțiuni și module.
- Integrare ușoară cu 3 rd părți , cum ar fi Django, Sine, și unghiular.
- Interacțiunea inteligentă a utilizatorului
- Suportă browserele Safari, Chrome, Firefox, Opera și Edge.
- Funcționează cu sisteme de operare diferite, cum ar fi Windows, MacOS, Linux etc.
Link: https://summernote.org
27) Textbox.io
Instrumentele de editare HTML Textbox.io și interfața simplă a utilizatorului. Vă permite să creați HTML pe desktop și pe mobil. Acest instrument de editare HTML include formatarea textului, hyperlinkuri, tabele etc.
Caracteristici:
- Manipulare și stocare a imaginilor încorporate
- Trageți și fixați fișierele
- Verificare ortografică și corectare automată
- Curățați copierea-lipirea din Microsoft Word
- Suport cross-browser
Link : https://textbox.io