Un WYSIWYG è un editor che consente a uno sviluppatore di visualizzare in anteprima i risultati finali prima che l'interfaccia o il documento effettivo venga reso attivo. La forma completa di WYSIWYG è "ciò che vedi è ciò che ottieni". Questo tipo di software consente di modificare il contenuto in un modulo in modo che abbia lo stesso aspetto quando viene visualizzato o stampato.
Esistono numerosi editor WYSIWYG che offrono funzionalità come il supporto Multi-view e Multi-Language. Offre anche un layout già pronto per creare siti Web, supporto per HTML5 e CSS3, ecc.
Di seguito è riportato un elenco selezionato di Top WYSIWYG EDITOR, con le loro caratteristiche popolari e collegamenti a siti web. L'elenco contiene software open source (gratuito) e commerciale (a pagamento).
1) Dreamweaver
Dreamweaver è un popolare editor HTML che ti aiuta a creare, pubblicare e gestire siti web. Un sito Web creato con Dreamweaver può essere caricato su qualsiasi server Web.
Caratteristiche:
- I siti Web dinamici possono essere sviluppati rapidamente utilizzando Dreamweaver.
- Fornisce layout già pronti per costruire un sito web.
- Puoi creare un sito web che si adatta a qualsiasi dimensione dello schermo.
- Questo strumento ti aiuta a personalizzare l'area di lavoro nel modo che preferisci.
- Ha un validatore HTML integrato per convalidare il tuo codice.
2) Aquilone
Kite è l'IDE per gli editor HTML WYSIWYG che completa automaticamente più codici di riga. Questo editor supporta più di 16 lingue. Ti aiuta a programmare più velocemente senza problemi.
Prezzo : gratuito
Caratteristiche:
- Offre documentazione Java.
- Questo editor fornisce una firma della funzione durante la digitazione.
- Otterrai un suggerimento al passaggio del mouse.
- Fornisce supporto tramite posta elettronica.
- Utilizza modelli di machine learning per il linguaggio Java.
3) CoffeeCup HTML Editor
Una tazza di caffè è un editor HTML WYSIWYG, che ti aiuta a utilizzare l'anteprima a schermo diviso per vedere la tua pagina web. Lo strumento ti consente di aprire il servizio di convalida del markup W3C nel tuo browser web predefinito.
Caratteristiche:
- Ti aiuta a utilizzare l'anteprima a schermo diviso nella tua pagina web
- Pronto per il web semantico
- Offre lo strumento di convalida HTML integrato che apre il servizio di convalida del markup W3C nel browser Web predefinito.
- L'uploader FTP integrato ti aiuta a pubblicare il sito web nel luogo di tua scelta
- Le funzionalità di anteprima a schermo diviso consentono di visualizzare la pagina Web in un browser direttamente dall'editor del codice.
Collegamento: https://www.coffeecup.com/html-editor/
4) Wix
Wix è un costruttore di siti web drag-and-drop facile da usare, adatto ai principianti. Questo strumento di editor web ti consente di rilasciare elementi ovunque desideri su qualsiasi pagina.
Caratteristiche:
- Ti consente di creare un blog personale su un sito Web di portfolio o persino su un negozio online.
- Oltre 500 temi e modelli
- Viene fornito con un gran numero di modelli filtrati in molte categorie.
- Offre funzionalità per inviare e gestire fatture.
- Negozi multilingue.
- Monitora il traffico con Google Analytics.
5) Apache NetBeans
NetBeans è uno strumento di editor di codice open source per lo sviluppo con Java, PHP, C ++ e altri linguaggi di programmazione. Offre anche funzionalità di analisi e conversione del codice. Ti consente di aggiornare le tue applicazioni per utilizzare i nuovi costrutti del linguaggio Java 13.
Caratteristiche:
- Gestione del progetto semplice ed efficiente
- Offre una modifica del codice veloce e intelligente
- Sviluppo rapido dell'interfaccia utente
- Ti aiuta a scrivere codice privo di bug
Collegamento: https://netbeans.apache.org
6) Blocco note ++
Notepad ++ è un popolare editor di codice gratuito scritto in C ++. Utilizza l'API win32 pura, che offre una maggiore velocità di esecuzione e dimensioni del programma ridotte. Funziona solo nell'ambiente della finestra ed è disponibile sotto la licenza GPL.
Caratteristiche:
- Supporta l'evidenziazione della sintassi per linguaggi come HTML, PHP, JavaScript e CSS.
- Ha funzionalità di completamento automatico per parole e funzioni.
- Offre funzionalità di registrazione e riproduzione macro.
- Evidenziazione e piegatura della sintassi definite dall'utente
- GUI completamente personalizzabile
- Supporto multi-visualizzazione e multilingua
Collegamento: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer ti aiuta a creare accattivanti contenuti HTML5. Ti consente di utilizzare animazioni ed elementi interattivi per dare vita alla tua visione creativa e offre una perfetta integrazione con altri prodotti Google, come Google Drive, Google Ads, Display & Video 360, ecc.
Caratteristiche:
- Offre un flusso di lavoro dinamico
- Google Web Designer offre un'ampia gamma di formati di annunci display e video
- Supporto per annunci reattivi
- Integrazione Google semplice ed efficace
- Ti aiuta a creare contenuti HTML5 belli e coinvolgenti
Link: https://webdesigner.withgoogle.com
8) Testo sublime
Sublime Text è un editor HTML che supporta molti linguaggi come JavaScript, Perl, PHP, Python, Ruby e altri. Puoi usare questo editor di codice HTML per codice, markup e prosa. L'editor supporta i sistemi operativi OS X, Windows e Linux.
Caratteristiche:
- Ti permette di evidenziare la sintassi.
- Ha un'implementazione della palette dei comandi che accetta l'input di testo dagli utenti.
- Gestisci le distinte materiali UTF8 nei file .gitignore
- Visualizza i badge per cartelle e file per indicare lo stato di Git
- Le modifiche a un file sono rappresentate da indicatori disponibili nel margine interno.
Collegamento: https://www.sublimetext.com
9) TinyMCE
TinyMCE è la ricca piattaforma di modifica del testo che ha aiutato a lanciare Atlassian, Medium, Evernote (strumento di modifica del testo) e altro ancora. Puoi integrare TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery, ecc.
Caratteristiche:
- Altamente configurabile con un ampio ecosistema.
- Moderno, mobile-ready e di livello aziendale
- Archivia e modifica immagini e file su qualsiasi server web
- Offre il caricamento di file dinamico per qualsiasi browser.
Collegamento: https://www.tiny.cloud
10) CKEditor
Ckeditor è un editor WYSIWYG intelligente che ha componenti con editing collaborativo. Ti permette di incollare da Excel, Word, tabelle, ecc.
Caratteristiche:
- Offre funzionalità come il completamento automatico, @menzioni, widget,
- Offre il pieno controllo sui contenuti: filtro HTML e modalità di visualizzazione dell'origine.
- Ottima accessibilità: Sezione 508, conforme e WCAG 2.0 AA.
- Formato di output personalizzato e supporto Markdown.
- Estensibile e personalizzabile su disegno
- Ti aiuta ad aumentare la produttività con la formattazione automatica e la collaborazione.
Collegamento: https://ckeditor.com
11) Quill
Quill è un potente editor WYSIWYG gratuito, open source, creato per il web moderno. La sua architettura modulare e l'API espressiva è un editor HTML ideale per soddisfare qualsiasi esigenza.
Caratteristiche:
- Supporta tutti i browser moderni su tablet, desktop e telefoni.
- Accesso granulare al contenuto, alle modifiche e agli eventi dell'editor tramite una semplice API.
- Editor di testo RTF creati per aiutare le persone a scrivere testo.
- Ti consente di personalizzare il contenuto e la formattazione.
Collegamento: https://quilljs.com
12) Froala
Froala è l'editor HTML WYSIWYG di nuova generazione. Questo editor facile da integrare è ampiamente utilizzato dagli sviluppatori grazie al suo design chiaro.
Caratteristiche:
- Potente API e documentazione
- Offre più di 30 plug-in predefiniti tra cui scegliere
- L'editor HTML WYSIWYG ha trasformato uno strumento Javascript di base in una tecnologia essenziale per molti settori.
- Il rich text editor Froala ha una vasta gamma di funzionalità sia semplici che complesse per tutti i tipi di casi d'uso.
Collegamento : https://froala.com/wysiwyg-editor/
13) Komodo Edit
Komodo edit è uno strumento di modifica del codice potente e facile da usare. Ti consente di eseguire il debug, il test di unità, il refactoring del codice. Fornisce inoltre il profilo del codice, oltre a integrazioni con altre tecnologie come Grunt, PhoneGap, Docker, Vagrant e molte altre.
Caratteristiche:
- Editor multilingue
- Molte combinazioni di colori contemporanee
- Supporto Unicode nativo e controllo della compatibilità
- Si integra facilmente nell'ambiente desktop.
Collegamento: https://www.activestate.com/products/komodo-ide/
14) Visual Studio Code
Visual Studio Code è un software di editor di codice open source sviluppato da Microsoft. Fornisce supporto integrato per TypeScript, JavaScript e Node.js. È completato automaticamente con le funzionalità IntelliSense che offre completamenti intelligenti basati su moduli essenziali, tipi di variabili e definizioni di funzioni.
Caratteristiche:
- Facile utilizzo con Git e altri provider SCM (Software Configuration Management)
- Refactoring e debugging del codice
- Le piattaforme supportate sono Mac, Windows, Linux
- Facilmente estensibile e personalizzabile
Collegamento: https://code.visualstudio.com/
15) OpenElement
OpenElement è un'applicazione freeware per la progettazione e la creazione di siti Web pubblicata da Element Technologie. Lo strumento è alimentato da Chromium, il motore di Google Chrome e funziona su Microsoft Windows.
Caratteristiche:
- Interfaccia intuitiva
- Tutto è modificabile
- Ti aiuta a gestire il codice
- Stili riutilizzabili e pacchetti di elementi
- Cross-browser
- Siti web multilingue
- Design reattivo
- CSS completamente personalizzabile
- Editor di elementi: crea e condividi elementi
- Facile integrazione di immagine e ottimizzazione del codice
- Alimentato da Chromium
Collegamento: https://www.openelement.com
16) NoteTab
NoteTab è il miglior sostituto del Blocco note disponibile. Per i webmaster, è l'editor HTML più veloce. È l'editor di testo più versatile che offre un'evidenziazione della sintassi migliorata per HTML.
Caratteristiche:
- Ricerca con caratteri jolly di facile utilizzo
- Conteggio parole in tempo reale
- Evidenziazione della sintassi per CSS
- Statistiche di testo per SEO
- Supporto per HTML5 e CSS3
- Nuove librerie HTML / CSS
Collegamento: https://www.notetab.com
17) Atom
Atom è un utile strumento di editor di codice HTML preferito dai programmatori grazie alla sua semplice interfaccia rispetto agli altri editor. Gli utenti Atom possono inviare pacchetti e loro per il software.
Caratteristiche:
- Package Manager integrato per il supporto dei plugin
- La caratteristica del completamento automatico intelligente
- Completamento automatico: completamento delle parole, completamento delle funzioni
- Registrazione e riproduzione macro
- Supporta più riquadri
- Ha un gestore di pacchetti integrato.
- Questo strumento di editing multipiattaforma
- Cerca l'anteprima e sostituisci il testo digitato in un file nell'intero progetto.
- Offre una tavolozza dei comandi che contiene elementi che vengono utilizzati ripetutamente.
- Consenti la modifica multipiattaforma
Collegamento: https://atom.io/
18) Ultra modifica
Ultra-edit è un potente editor di testo ampiamente utilizzato che soddisfa il pacchetto di abbonamento più potente e si adatta a qualsiasi budget. Puoi aprire e modificare facilmente un file di grandi dimensioni che supera i 4 GB.
Caratteristiche:
- Ricerca potente: trova e sostituisci nei file, ricerca inversa espressioni regolari, ecc.
- Evidenziazione della sintassi del codice in un diverso linguaggio di programmazione
- Offre la piegatura del codice e l'elenco delle funzioni gerarchiche
- Puoi riformattare il codice sorgente
- Funzionalità della gestione XML: visualizzazione ad albero XML, riformattazione, convalida, ecc.
- Modifica multi-caret e multi-selezione
- Supporta la modifica della modalità Colonna (blocco)
- Cerca: trova e sostituisci in file, espressioni regolari, ricerca inversa, ecc.
- Evidenziazione della sintassi del codice in qualsiasi linguaggio di programmazione
- Potente gestione XML
- Modelli intelligenti: completamento automatico del codice intelligente
- Tag XML / HTML a chiusura automatica
Collegamento: https://www.ultraedit.com
19) Web Builder WYSIWYG
WYSIWYG Web Builder è uno strumento facile da usare e altamente reattivo. Ti consente di sfogliare migliaia di immagini gratuite e di alta qualità.
Caratteristiche:
- Aggiungi facilmente caratteri Google e altri caratteri web al tuo sito web.
- Notifiche leggere progettate per imitare le notifiche push
- Offre più di 150 animazioni predefinite
- Invia e-mail, carica file, archivia dati in MySQL
Collegamento: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon è un editor HTML open source alimentato da Gecko, che è il motore di rendering di Firefox. Ha un'interfaccia semplice e le caratteristiche più comuni necessarie per creare pagine web.
Caratteristiche:
- Facile cambiare il colore del carattere o regolare lo stile del bordo
- Apre le schede dell'ultima sessione
- Supporta piattaforme Mac, Windows, Linux
- Scorciatoie per l'editing CSS
- Temi multipli per la visualizzazione della sorgente
Collegamento: http://bluegriffon.org
21) Alohaeditor
Aloha è uno strumento di editor WYSIWYG. Con l'aiuto di questo editor HTML, è possibile modificare un sito Web direttamente sul portale. Lo strumento consente la modifica rapida e semplice di foto, grafica, animazioni e testo.
Caratteristiche:
- Ti aiuta a ridurre il tempo di gestione dei contenuti
- Base facilmente espandibile in base alle tue esigenze e preferenze.
- Copia i tuoi contenuti da Microsoft Word senza problemi di formattazione.
- Questo editor di immagini ti consente di modificare il contenuto del tuo sito web.
Collegamento: https://www.alohaeditor.org
22) Staffe
Brackets è uno strumento leggero sviluppato da Adobe. È un editor di testo ideale che è open source. Questo strumento ti aiuta a passare dal codice sorgente alla visualizzazione del browser.
Caratteristiche:
- La funzione di modifica rapida dell'interfaccia utente inserisce codice e strumenti specifici del contesto in linea
- Offre anteprima in tempo reale, supporto del pre-processore e editor in linea
- Strumento appositamente sviluppato per macOS
- Viene fornito con il gestore di estensioni integrato per una gestione delle estensioni rapida ed efficace.
Collegamento: http://brackets.io/
23) Aptana
Aptana è un potente strumento di sviluppo web open source. Offre molte nuove funzionalità personalizzabili che ti aiutano a essere più produttivo. Lo strumento consente di creare applicazioni Web in modo rapido e semplice utilizzando l'IDE delle applicazioni Web leader del settore.
Caratteristiche:
- HTML, CSS e JavaScript Code Assist
- Impostazioni sincronizzate
- Aiuta ad accedere a un terminale della riga di comando per l'esecuzione dei comandi e della lingua del sistema operativo
- Ti offre di mettere i tuoi progetti sotto il controllo del codice sorgente git
- I debugger Ruby & Rails e JavaScript integrati
Collegamento: http://www.aptana.com
24) Coteditor
Coteditor è un utile editor HTML per macOS. Pertanto, sembra e si comporta esattamente come le applicazioni macOS. Lo strumento ti consente di scrivere il tuo testo immediatamente quando vuoi.
Caratteristiche:
- Colora più di 50 linguaggi principali preinstallati come HTML, Python, PHP o Ruby.
- Suddividi una finestra in più riquadri
- Ispeziona i dati dei caratteri Unicode di ogni carattere selezionato
- Ti permette di creare la tua macro nella tua lingua preferita
- Stima accuratamente varie codifiche di file.
- Ti consente di accedere a tutte le tue impostazioni, comprese le definizioni di sintassi e i temi da una finestra delle preferenze standard.
Collegamento: https://coteditor.com
25) ContentTools
ContentTools è un editor HTML gratuito. È una delle raccolte di librerie progettate per la creazione di strumenti che semplificano la modifica del contenuto HTML. Lo strumento offre una libreria che fornisce un editor di pagine completamente funzionale, che è l'argomento della Guida introduttiva.
Caratteristiche:
- L'IT offre documentazione ed esempi API completi.
- L'editor WYSIWYG di ContentTools dovrebbe essere aggiunto a qualsiasi pagina HTML in pochi semplici passaggi
- Guide dettagliate per scenari di utilizzo comune e argomenti più avanzati
Collegamento: http://getcontenttools.com/
26) Nota di sintesi
Summernote è un editor HTML facile da installare. Supporta Bootstrap da 3.xx a 4.xx Offre una facile integrazione con terze parti come Django, Rails e Angle,
Caratteristiche
- Editor HTML facile da installare
- Personalizza inizializzando varie pozioni e moduli.
- Facile integrazione con 3 rd party come Django, Rails e Angular.
- Interazione utente intelligente
- Supporta i browser Safari, Chrome, Firefox, Opera e Edge.
- Funziona con diversi sistemi operativi come Windows, macOS, Linux, ecc.
Collegamento: https://summernote.org
27) Textbox.io
Strumenti di modifica HTML di Textbox.io e semplice interfaccia utente. Ti consente di creare HTML sul desktop e sui dispositivi mobili. Questo strumento di modifica HTML include formattazione del testo, collegamenti ipertestuali, tabelle, ecc.
Caratteristiche:
- Gestione e archiviazione delle immagini integrate
- File drag & drop
- Controllo ortografico e correzione automatica
- Pulisci copia-incolla da Microsoft Word
- Supporto cross-browser
Collegamento : https://textbox.io