10 best free online html editors
Leggi questa recensione informativa e confronto dei migliori strumenti di test e editor HTML online per selezionare il miglior editor HTML per le tue esigenze:
L'editor del codice HTML è un editor che aiuta nella scrittura del codice. I file HTML possono essere creati utilizzando semplici editor di testo come il blocco note.
Tuttavia, l'utilizzo di editor di codice HTML ti aiuterà fornendo assistenza nel codice, aggiungendo 'parentesi quadre' per i tag e evidenziando e codificando con colori. L'evidenziazione e la codifica a colori aiuteranno durante l'aggiornamento del file. Gli editor di codice HTML aumenteranno la velocità di digitazione.
WYSIWYG sta per What You See Is What You Get . Con questi editor, puoi lavorare su una pagina web senza avere molta conoscenza della codifica HTML. Puoi cambiare il componente nella pagina dei risultati e l'editor lo rifletterà nel codice o l'editor creerà il codice per lo stesso. Questi editor forniscono risultati in tempo reale e funzionalità di trascinamento della selezione per aggiornare questa pagina dei risultati.
Le caratteristiche comuni degli editor di codice HTML sono:
- Completamento automatico.
- Aggiunta di libreria per entità HTML.
- Con l'aiuto di Site Explorer, puoi visualizzare i file in uno schema gerarchico.
- Alcuni editor hanno un FTP integrato per caricare i file più velocemente.
- Gli editor HTML avanzati forniscono supporto per altri linguaggi come CSS e JavaScript.
- La maggior parte degli editor fornisce la vista a schermo diviso, che ti aiuterà a visualizzare l'output del tuo codice nella metà dello schermo e il codice effettivo nell'altra metà dello schermo. Non c'è bisogno di cambiare le finestre.
- Funzione di ricerca e sostituzione. Questa funzione può essere avanzata secondo l'editor del codice HTML. La funzionalità avanzata ti consentirà di cercare la parola o la parola chiave specifica in un file specifico o attraverso il sito web completo.
- Un'altra caratteristica importante è evidenziare gli errori di sintassi.
Sono disponibili molti editor di codice HTML online. Questi editor salteranno la necessità di installazione del software e configurazione dell'ambiente. Inoltre, la maggior parte di questi editor fornisce le funzionalità di base gratuitamente. E per funzionalità più avanzate dovrai pagare un po 'di soldi, ma questo è opzionale e dipende dalle tue esigenze.
= >> Contattaci per suggerire un elenco qui.Cosa imparerai:
Elenco dei migliori editor / tester HTML
- JSFiddle
- JS Bin
- Adobe Dreamweaver
- Codepen
- Tazza di caffè
- KompoZer
- BlueGriffon
- CKEditor
- Dabblet
- Editor HTML CSSDesk
Confronto dei migliori editor HTML
Lingue supportate | Caratteristica | piattaforma | Prezzo | |
---|---|---|---|---|
BlueGriffon | HTML CSS | Avvertenze per il conteggio delle parole Selettore di colori per Windows e Linux | finestre Linux Mac OS | Versione gratuita disponibile Licenza di base $ 87 |
JSFiddle | HTML CSS JavaScript | Può codificare in diverse versioni di lingue. | Basato su cloud | Gratuito |
JS Bin | HTML CSS JavaScript | HTML in testo Test su dispositivi mobili | Basato sul web | Gratuito |
Adobe Dreamweaver | HTML CSS JavaScript | Suggerimenti sul codice Sintassi Evidenziazione Colorazione del codice | finestre Mac | $ 20,99 |
Codepen | HTML CSS JavaScript | Privacy Upload di file Progetti Generatore di incorporamento L'output su più dispositivi Modalità professore | Basato su cloud | Gratuito Antipasto: $ 8 Sviluppatore: $ 12 Super: $ 26 Squadre: $ 12 al mese per membro. |
Tazza di caffè | HTML CSS PHP Markdown | Anteprima a schermo diviso FTP integrato Editor WYSIWYG | finestre | $ 49. Prova gratuita disponibile |
KompoZer | HTML CSS | FTP integrato Gestione tabelle Gestione dei moduli | Cross-platform | Gratuito |
CKEditor | HTML e editor di testo | Collaborazione Supporto di più browser | - | 5 utenti: gratuito 50 utenti: $ 65 100 utenti: $ 110 |
Dabblet | HTML CSS | Non c'è bisogno di prefissi | Basato sul web | Gratuito |
Editor HTML CSSDesk | HTML CSS JavaScript | Creazione di post in CSS Desk Gallery Crea e guarda i Codecast | Basato sul web | Gratuito Altre funzionalità disponibili nella versione a pagamento. |
# 1) JSFiddle
JSFiddle è un editor HTML online. Supporta HTML, CSS e JavaScript. I frammenti di codice in JS Fiddle sono chiamati violini.
Caratteristiche:
- Ti consente di selezionare diverse versioni o tipi di lingua. Per esempio, nel pannello HTML puoi selezionare il tipo di documento da diverse opzioni come HTML 5, XHTML 1.0 Strict e HTML 4.01 Transitional ecc.
- JavaScript ti consente di caricare la libreria.
Professionisti:
- Facile da usare.
- Oltre a HTML, CSS e JavaScript fornisce supporto ai framework JavaScript.
Contro:
- Non dispone di funzionalità avanzate come Codepen.
- Ha annunci che interferiscono.
Costo dello strumento / Dettagli del piano: Gratuito
Sito web: JSFiddle
# 2) JS Bin
JS Bin è un editor di codice HTML online. Supporta HTML, CSS e JavaScript. Funziona velocemente e fornisce molte funzionalità come parentesi di terminazione automatica, evidenziazione delle parentesi, ecc.
Caratteristiche:
- Puoi esportare il tuo codice HTML in un file di testo.
- Ti mostrerà l'output in tempo reale per il tuo codice.
- Supporta i test su dispositivi mobili.
- Fornisce altre due funzionalità come il casting del codice e il codice iniziale personalizzato.
- Tutte le funzionalità di cui sopra sono per la versione gratuita. Per la versione pro, fornisce più funzionalità aggiuntive come Dropbox Sync, raccoglitori privati, vanity URL e supporto e-mail, ecc.
Professionisti:
- Supporta le scorciatoie da tastiera.
- Puoi nascondere il pannello.
Contro:
- Offre funzionalità limitate con l'edizione gratuita.
- Mostra gli avvisi in tempo reale solo per JavaScript.
Costo dello strumento / Dettagli del piano: È disponibile la versione gratuita. E la versione pro parte da $ 130 all'anno o $ 17 al mese.
Sito web: JSBin
# 3) Adobe Dreamweaver
Adobe Dreamweaver è uno strumento di sviluppo di siti Web. Per le versioni più recenti, supporta CSS, JavaScript e alcuni linguaggi di programmazione lato server. Può essere utilizzato su Windows e Mac OS.
Caratteristiche:
- Evidenziazione della sintassi (versione 5 e successive).
- Suggerimenti sul codice.
- Code Coloring aiuta durante l'aggiornamento del codice.
- Puoi sviluppare un sito web che possa adattarsi a qualsiasi dimensione dello schermo.
Professionisti:
- È possibile visualizzare l'output sotto il codice, non è necessario cambiare finestra.
- Evidenziazione degli errori.
Contro:
come eseguire un file swf in chrome
- Non può essere utilizzato con i sistemi Linux.
- Non fornisce la visualizzazione basata su browser.
Costo dello strumento / Dettagli del piano: $ 20,99 al mese
Sito web: Adobe Dreamweaver
# 4) Codepen
Codepen è un editor di codice HTML online. Può essere utilizzato per HTML, CSS e script Java. Puoi usare Codepen con i team, per l'istruzione e la scrittura.
Caratteristiche:
- Codepen ti consente di mantenere la privacy.
- Supporta il caricamento di qualsiasi file come un'immagine, pdf, JavaScript, CSS o anche un breve filmato.
- Fornisce una funzionalità dei progetti, che è come un IDE. Ha una pre-elaborazione automatica, caricamento di file, distribuzione del sito Web e molte altre funzionalità.
- Puoi vedere l'output del tuo codice su più dispositivi e computer.
- Con l'aiuto di Embed Builder, puoi creare temi.
- La modalità Professore offre molte funzionalità come la condivisione del codice e l'output in tempo reale con gli studenti e la chat di gruppo. Gli studenti possono salvare quel lavoro per averne una copia.
Professionisti:
- Se hai bisogno di aiuto con il tuo codice, il team di Codepen ti fornisce assistenza tramite la chat di Spectrum.
- Puoi trascinare e rilasciare il file da caricare. È facile da usare.
Contro:
- Fornisce pochissime funzionalità con il piano gratuito.
Costo dello strumento / Dettagli del piano: Ha piani per individui e team
Per gli individui ha i seguenti piani:
- Piano gratuito.
- Starter annuale: $ 8 al mese.
- Sviluppatore annuale: $ 12 al mese.
- Super annuale: $ 26 al mese.
- Per le squadre: $ 12 al mese per membro.
Sito web: Codepen
# 5) Tazza da caffè
È un editor HTML per il sistema operativo Windows. Supporta la creazione di nuovi file HTML e CSS. Puoi lavorare anche su qualsiasi sito web esistente.
Caratteristiche:
- Può eseguire modifiche WYSIWYG.
- Ha alcuni temi esistenti e layout pronto per l'uso.
- Fornisce compatibilità cross-browser.
- Fornisce riferimento ai tag e completamento del codice.
- La funzione di anteprima a schermo diviso ti consente di vedere l'output del tuo codice sotto di esso.
- Ha un caricatore FTP integrato.
Professionisti:
- Oltre all'HTML, supporta CSS, PHP e Markdown.
- I temi sono personalizzabili e reattivi.
Contro:
- Non è uno strumento basato su cloud né supporta nessun altro sistema operativo diverso da Windows.
Costo dello strumento / Dettagli del piano: $ 49. È disponibile una prova gratuita.
Sito web: CofeeCup
# 6) KompoZer
KompoZer è un editor WYSIWYG per HTML. KompoZer è come la nuova versione di Nvu. Ha corretto molti bug e aggiunto nuove funzionalità a Nvu. Poiché è basato su Nvu, utilizza il codebase di Mozilla Composer. È uno strumento open source.
Caratteristiche:
- Ha un FTP integrato.
- Ha la gestione delle tabelle, la gestione dei moduli e il supporto per più siti Web.
- Con la funzione di gestione delle tabelle puoi creare una tabella. Puoi ridimensionare la tabella e aggiungere righe ad essa.
- Fornisce modelli.
Professionisti:
- Facile da usare.
- Mostra l'output in tempo reale.
Contro:
- Il suo sviluppo è attualmente interrotto.
Costo dello strumento / Dettagli del piano: Gratuito.
Sito web: KompoZer
# 7) BlueGriffon
BlueGriffon è un editor web per Windows, Linux e Mac. Può essere utilizzato per HTML e CSS. Molte funzionalità sono disponibili tramite componenti aggiuntivi.
Caratteristiche:
- Supporta HTML 5 (HTML e XML) anche per audio, video e moduli.
- Ha due opzioni di temi, nero e chiaro.
- Fornisce avvisi sul conteggio delle parole.
- Contagocce e selettore di colori per Windows e Linux.
Professionisti:
- Applicazione robusta.
Contro:
- Devi acquistare un manuale utente. È disponibile con una licenza base e non con la versione gratuita.
Costo dello strumento / Dettagli del piano:
- La versione gratuita è disponibile.
- La licenza di base parte da $ 87.
Sito web: BlueGriffon
# 8) CKEditor
È un editor di testo con funzionalità WYSIWYG. Ha capacità di formattazione dell'output HTML. Ti permetterà di scrivere direttamente sulle pagine web.
Caratteristiche:
- Supporta più browser come Chrome, Firefox, Safari e Microsoft Edge, ecc.
- Funzionalità di gestione delle tabelle come il ridimensionamento delle dimensioni delle colonne.
- Supporta le scorciatoie da tastiera.
- Formattazione dell'output HTML per i tag HTML.
Professionisti:
- Controllo ortografico.
- Completamento automatico.
Costo dello strumento / Dettagli del piano:
- Fino a 5 utenti, è gratuito.
- Fino a 50 utenti, parte da $ 65.
- Fino a 100 utenti, parte da $ 110 e così via. Puoi controllare i prezzi da Qui .
Sito web: CKEditors
# 9) Dabblet
Dabblet è un editor di codice HTML online. È usato di più per i CSS. Per utilizzare Dabblet devi accedere a GitHub o creare un account su GitHub.
Caratteristiche:
input e output di file c ++
- Non è necessario aggiungere prefissi al codice.
- Può elaborare elementi con attributi di stile.
- Può elaborare ogni foglio di stile in formato.
Professionisti:
- Puoi modificare le impostazioni di visualizzazione.
- Puoi impostare la dimensione del carattere.
Contro:
- Supporto browser limitato. Può essere utilizzato in IE9 +, Opera10 +, Chrome e Safari 4+. Questo è per il desktop. Per i browser mobili, fornisce supporto per Safari, browser Android, Opera Mobile e Chrome.
- Non supporta JavaScript.
Costo dello strumento / Dettagli del piano: Gratuito
Sito web: Dabblet
# 10) Editor HTML CSSDesk
È un editor di codice HTML online. Fornisce supporto per HTML, CSS e JavaScript. Puoi scaricare il codice in un file.
Caratteristiche:
- Fornisce supporto per la codifica in tempo reale con molte persone.
- Supporta la creazione, la visione e il Codecast. Codecast è una registrazione del codice digitato nell'editor. Può essere la registrazione di codice digitato da altri.
- Puoi pubblicare la nostra creazione nella galleria CSS Desk.
Professionisti:
- Supporta la condivisione di casi di test con un peer sui forum e StackOverflow.
- Fornisce assistenza per i casi di test.
- Puoi condividere facilmente il tuo lavoro su Twitter e Facebook.
Costo dello strumento / Dettagli del piano: La registrazione è gratuita ma per funzionalità più avanzate potrebbe essere necessario contattarli.
Sito web: Editor HTML CSSDesk
Strumenti aggiuntivi
# 11) TinyMCE: È un editor di testo open source con ricche funzionalità. È progettato per essere facilmente integrato con le librerie JavaScript. Supporta più browser e sistemi operativi.
Sito web: TinyMCE.
# 12) Kit HTML: Questo editor di codice HTML supporta solo il sistema operativo Windows. Per le lingue, supporta HTML, XHTML e XML. La sua versione di prova è disponibile. Puoi acquistarlo per un prezzo a partire da $ 49.
Sito web: Kit HTML
# 13) Mobirise: Mobirise è un costruttore di siti web. Per la creazione completa del sito Web, supporta la funzione di trascinamento della selezione. Quindi, con l'aiuto di questo strumento, puoi creare il sito Web senza codifica. È disponibile gratuitamente.
Sito web: Mobirise
# 14) Google Web Designer: Supporta HTML5. Può essere utilizzato su Windows, Linux e Mac OS. Viene utilizzato specificamente per la creazione di annunci HTML5 e contenuti HTML5.
Sito web: Google Web Designer
# 15) Microsoft FrontPage: È un editor WYSIWYG per Windows di Microsoft. È stato sostituito da due editor, Microsoft Expression Web e SharePoint Designer (questo è per desktop) che sono stati sostituiti anche da SharePoint Designer che è basato sul Web.
Sito web: Microsoft FrontPage
Altri editor HTML online
Editor HTML | Descrizione |
---|---|
Editor HTML in tempo reale | È un editor HTML in tempo reale online. |
Editor HTML online | Ha anche un editor WYSIWYG. Fornisce molte opzioni come la dimensione del carattere, la selezione del colore, ecc. Fornisce un convertitore di documenti. Che supporta qualsiasi documento (PDF, Excel ecc.) Da convertire in HTML. È possibile aggiungere facilmente immagini, tabelle, titoli ecc. È disponibile anche l'opzione Annulla. Puoi usarlo gratuitamente. Se desideri funzionalità aggiuntive, puoi utilizzare la versione a pagamento che è pro-HTMLG. |
Editor HTML WYSIWYG online | Può convertire qualsiasi file in HTML. È facile usare questo editor. È disponibile una demo gratuita. Ma per utilizzare tutte le funzionalità, devi abbonarti al prezzo di circa $ 10. |
Editor Web HTML | Fornisce molte funzionalità come l'evidenziazione della sintassi e la regolazione della dimensione del carattere. Fornisce anche molte opzioni per comprimere il codice. Supporta più browser. Non richiede alcun abbonamento. |
Editor e pulitore HTML istantaneo online | Ha anche un editor WYSIWYG. Otterrai output in tempo reale. Fornisce l'evidenziazione della sintassi e molte opzioni di pulizia. Può convertire qualsiasi file in HTML. Supporta HTML, CSS e JavaScript. È disponibile gratuitamente. La sua versione Pro è quella che abbiamo visto nella seconda riga di questa tabella. |
Editor HTML online di Froala | Ha anche un editor WYSIWYG. Otterrai l'output in tempo reale qui. Supporta cross-browser e multipiattaforma. Può convertire da Microsoft Word a HTML. Ha una funzione per la pulizia. È disponibile gratuitamente. |
Modelli di editor HTML online | Fornisce modelli reattivi scaricabili gratuitamente. È facile da usare. Senza codifica, puoi sviluppare la pagina HTML. |
Editor WYSIWYG | Ha un editor WYSIWYG. Quindi puoi vedere che le modifiche verranno applicate immediatamente. È disponibile gratuitamente. È disponibile anche un costruttore di siti web. Funziona anche in modalità offline. |
Editor di codice HTML istantaneo | È un editor HTML online che ti aiuterà a vedere l'output in tempo reale. Fornisce la procedura guidata per i tag e molte funzioni per la pulizia. Può essere utilizzato gratuitamente. |
Conclusione
JSFiddle è uno strumento basato su cloud e disponibile gratuitamente. Codepen è uno strumento commerciale ma offre buone caratteristiche per il prezzo. Codepen e JSFiddle, entrambi sono popolari tra gli sviluppatori.
CoffeeCup è l'editor HTML per il sistema operativo Windows. Se non vuoi andare con un editor di codice HTML online o basato su cloud, CoffeeCup è l'opzione migliore. BlueGriffon offre buone funzionalità con l'opzione a pagamento. Tutti gli altri editor di codice HTML menzionati in questo tutorial sono nella prima posizione.
Puoi scegliere uno qualsiasi di questi strumenti in base alle tue esigenze e alle capacità dell'editor di codice HTML.
= >> Contattaci per suggerire un elenco qui.Lettura consigliata
- Migliori strumenti di test del software 2021 [Strumenti di automazione del test QA]
- 14 migliori corsi di laurea in ingegneria informatica online (elenco 2021)
- I 10 migliori strumenti di test continuo per i test DevOps [Elenco 2021]
- 15 strumenti online di convalida HTML più popolari nel 2021
- Top 30+ strumenti di test delle applicazioni Web nel 2021 (elenco completo)
- Le 7 migliori società di analisi dei dati nel 2021 [Elenco aggiornato 2021]
- 10 MIGLIORI strumenti APM (strumenti di monitoraggio delle prestazioni delle applicazioni nel 2021)
- I 10 migliori strumenti di data science nel 2021 per eliminare la programmazione