Editor visuale html epf. Editor gratuito - jEdit

Una volta che avevo bisogno di un editor WYSIWYG, mi ricordavo com'era, le sue funzioni, ma non ricordavo il nome. Dopo 45 minuti, l'ho ancora trovato... Poi mi sono posto il compito di aiutare molti, me compreso: fare un elenco consolidato di tutti gli editor WYSIWYG un po' più famosi.

introduzione

Questo argomento è un lungo elenco di editor visuali, quasi o parzialmente utilizzabili. L'obiettivo che ho seguito è stato quello di organizzare i dati esistenti sparsi su Internet.

TinyMCE

Uno dei visual editor più diffusi, ha notevoli funzionalità. Ci sono molti componenti aggiuntivi, molti plugin sono installati di default.
(Browser: Mozilla 1.3+, MSIE 5.5+, Opera 9.0+, Safari, Chrome)
[Sito ufficiale | Dimostrazione]

CKeditor

Analogo completo di TinyMCE.

[Sito ufficiale ]

CLEditor

Un editor visivo semplice, non indulge in funzionalità speciali. Ma è fatto abbastanza bene, tutte le funzioni sono implementate qualitativamente.
(Browser: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)
[Sito ufficiale ]

NicModifica

L'editor è molto simile a CLEditor. Ha funzionalità standard.
(Browser: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Sito ufficiale ]

elRTE

Editor visivo di altissima qualità. Ha un'ampia funzionalità. Realizzato in una qualità molto elevata.
(Browser: Firefox 3.5+, Opera 10+, Safari 3.0+, Internet Explorer 7+, Google Chrome)
[Sito ufficiale | Dimostrazione]

spaw

Un editor visivo molto mediocre. Ha funzionalità standard.

[Sito ufficiale | Dimostrazione]

Xinha

Bel editor visivo, caratteristica distintiva- molte azioni integrate Cioè, non sarà difficile personalizzarlo in base alle proprie esigenze.
(Browser: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Sito ufficiale | Dimostrazione]

Imperi (a pagamento)

Editor abbastanza carino, la funzionalità non è eccezionale, ma è abbastanza. Ci sono una serie di errori associati alla transizione da html all'editor visuale e viceversa. (allinea "s vengono rimossi) È importante notare che Imperavi funziona come un plugin jQuery.
C'è una buona documentazione.
(Browser: Firefox 1.5+, Opera 9+, Safari 4+, Internet Explorer 7+, Google Chrome)
[Sito ufficiale | Dimostrazione]

Markitup

Markitup è più simile a editor conveniente html, che è più adatto a un professionista che a un normale utente. Ma se conosci l'html, allora può essere molto utile.
(Browser: Firefox 3+, Opera 9+, Safari 3+, Internet Explorer 6+, Google Chrome)
[Sito ufficiale | Dimostrazione]

Aloha editore

Non male come editor, molto conveniente. Tuttavia, c'è un enorme svantaggio che oscura quasi tutti i vantaggi: questo è il rifiuto del supporto per i browser vecchi e non così (sono disponibili solo le ultime versioni dei browser).
(Browser: supporto HTML5 richiesto, Opera non supportato)
[Sito ufficiale | Dimostrazione]

Editore di Mercurio

Mercury è una pagina web solida e può essere utilizzata per l'editing pagina intera o singole aree specifiche. Supporta l'anteprima del contenuto modificato e la pubblicazione di link, immagini, video e tabelle. Il caricamento dei file può essere effettuato utilizzando l'interfaccia drag "n" drop.
L'editor supporta anche lavoro congiunto molte persone. Mercury può essere installato come Rails autonomo o inserendolo nel codice della pagina. (richiesto JQuery)
E lo svantaggio è che sono supportati solo i seguenti browser: Chrome 10+, Safari 5+, Firefox 4+.
[Sito ufficiale | Demo nella pagina principale]

YUI Rich Text Editor

Editor visivo di Yahoo. Come giustamente notato, uno dei migliori editor visivi. Ha funzionalità complete e supporta la stragrande maggioranza dei browser.
[Dimostrazione]

MooEditable

Il set di funzioni è molto limitato, ma a volte non è richiesto di più.
[Dimostrazione]

ApriWysiwyg

Editor completo su più browser con tutte le funzionalità richieste. Include anche interessanti menu a discesa e pulsanti. Sfortunatamente Chrome non lo supporterà.
(IE 5.5+, Firefox 1.0+, Mozilla 1.3+ e Netscape 7+)

Quando si tratta di editor di codice, a volte è difficile avere una panoramica chiara di tutti i vantaggi e funzionalità che diversi editori possono suggerire. Tuttavia, alla fine è necessario almeno uno, quindi è molto importante sapere quale editor è il migliore per le tue esigenze personali.

Gli editor WYSIWYG sono spesso criticati dai sostenitori del codice "artigianale" per il codice sorgente gonfio, disordinato e non conforme agli standard che producono. Tuttavia, in Di recente Gli editor WYSIWYG sono molto migliori. A volte è necessario fornire ai propri clienti il ​​massimo strumenti semplici per modificare o aggiornare i propri siti web. Ed è qui che gli editor WYSIWYG sono indispensabili.

Sarebbe sbagliato consigliarti alcuni dei "migliori" editor, perché la scelta dipende sempre dalle tue esigenze, obiettivi di base, capacità ed esperienza. Pertanto, in questo articolo, abbiamo cercato di darti una panoramica di editor diversi, utili e non molto WYSIWYG.
Ci auguriamo che tu possa trovare nuovi editor di cui non hai mai sentito parlare prima. O forse trovi alcune funzionalità che ti sei perso nel tuo editor preferito o rischi di sperimentare una serie di opzioni promettenti per migliorare il tuo flusso di lavoro. Inoltre, puoi scoprire quali editor puoi utilizzare e quali strumenti non dovresti usare.

Cosa significa WYSIWYG?

In tali editor, puoi modificare non il codice sorgente dei tuoi documenti, ma la sua rappresentazione, che (se possibile) sarà pubblicata nel documento finale. Pertanto, invece di scrivere manualmente blocchi di codice, puoi controllare il progetto con i componenti utilizzando la finestra dell'editor. Ciò significa che vedi qualcosa di molto simile al risultato finale, sebbene il documento o l'immagine siano ancora in fase di creazione.

Nota Nota: questo articolo esamina solo gli editor WYSIWYG orientati al desktop che funzionano su Windows, Linux o Mac e non fornisce una panoramica degli editor WYSIWIG JavaScript.

Adobe Dreamweaver

In precedenza un prodotto Macromedia, Dreamweaver è uno degli editor più utilizzati che può aiutare gli sviluppatori a migliorare il proprio flusso di lavoro e risparmiare tonnellate di tempo di codifica. Se versione precedente Dreamweaver a volte generava codice sorgente fantasioso, quindi ultima versione può generare (nella maggior parte dei casi) markup perfettamente pulito.

Dreamweaver fornisce anche vari strumenti utili come librerie di frammenti, gestione ftp, un server di debug e codifica complessa. Ad esempio, puoi visualizzare le informazioni CSS in un unico pannello CSS unificato, semplificando la visualizzazione degli stili applicati a elementi specifici, determinando dove sono definiti gli attributi e modificando gli stili esistenti. Vedi anche il nostro elenco di tutorial di Dreamweaver. Prezzo: $ 400 (versione CS3).

Alcune delle numerose funzionalità di Dreamweaver includono:
* Modifica CSS avanzata
* Ambiente di codifica integrato
* Framework Spry per Ajax
* Verifica la compatibilità del browser.
* Integrazione con Photoshop CS3 e Fireworks.
* Frammenti di codice (come i formati CSS)
* Gestione FTP
* Supporto XML
* Supporto FLV
* Risorse di apprendimento (ad es. Adobe CSS Advisor)
* Numerose estensioni per Dreamweaver.

Amaya

L'obiettivo principale di Adobe Contribute è essere in grado di modificare siti Web e blog per utenti senza alcuna conoscenza tecnica. Contribute CS3 consente agli autori di aggiornare siti e blog esistenti mantenendo l'integrità del sito. Contribute offre l'integrazione con Dreamweaver, offre la possibilità di pubblicare contenuti con Microsoft Office e modifica da IE 7 e Firefox.
Con questo editor WYSIWYG, gli autori possono modificare o aggiornare qualsiasi sito Web o blog senza dover imparare l'HTML. Prezzo: $ 169 (versione CS3).

Adobe Golive

Ad aprile, Adobe ha smesso di sviluppare e vendere GoLive 9. Adobe GoLive incoraggia gli utenti a passare a Dreamweaver, dopo di che probabilmente non dovresti consigliare GoLive (in realtà sorprendente strumento potente editing, (vedi sotto) per i tuoi clienti.

Alcune funzionalità di Adobe GoLive 9:
* Stili di design
* Layout visivo CSS
* Posiziona comando
* Integrazione con Adobe InDesign®
* Gestione del colore
* Supporto piattaforma
* Strumenti di gestione del sito
* Server di pubblicazione
* Oggetti intelligenti

Microsoft Expression Web

Un tempo pesantemente criticato per il suo pessimo editor web (Frontpage), Microsoft ha recentemente creato un editor, Expression, che sembra ereditare molto dai suoi predecessori. Expression ha cercato di creare un ambiente confortevole per gli utenti di Internet, con funzionalità estremamente simili ad Adobe Dreamweaver. Tuttavia, se confrontato direttamente, Dreamweaver offre di più e produce codice più pulito. Tuttavia, Expression produce codice decente e conforme agli standard e sa come lavorare con i layout CSS e CSS.

Edizione in studio con gli altri applicazioni software(grafico strumento di progettazione, strumento di codifica video ecc.) costa ca. $ 500. Una licenza Expression costa $ 350. Puoi ottenere Expression aggiornando Frontpage e risparmiando. La versione di prova di 60 giorni può essere scaricata gratuitamente, tuttavia è necessaria la registrazione.

Nota: Expression non è un successore di Frontpage, sono strumenti di sviluppo piuttosto diversi. Microsoft Expression assomiglia di più a Microsoft SharePoint Designer, è più un designer orientato e focalizzato sulla fornitura di sviluppo web generale. Microsoft SharePoint Designer si concentra sullo sviluppo e l'adattamento ai siti basati su SharePoint e può essere visto come il fratello maggiore di Frontpage.

Alcune funzionalità di Microsoft Expression:
* Integrazione ASP.NET 2.0
* Rendering CSS avanzato
* Generatore di espressioni XPath
* Costruisci e formatta viste di dati XML standard del settore
* Tag Proprietà Griglia
* Verifica dell'accessibilità
* Convalida degli standard in tempo reale
* Supporto completo dello schema

Alcune delle caratteristiche della NVU:
* Site Manager ti consente di visualizzare i siti che crei.
* Supporto XML.
* Validatore integrato.

Kompozer

È il successore di Frontpage di Microsoft. SharePoint Designer è un editor WYSIWYG standard. Oltre a supportare le pagine interattive ASP.NET, non offre nulla di rivoluzionario. È disponibile una versione di prova gratuita. Esiste una versione online che richiede Internet Explorer e molta pazienza.

Un po 'di Funzionalità di SharePoint:
* supporto per pagine ASP.NET interattive
* creare viste dati da RSS, XML, Office XML
* collaborare con il Designer del flusso di lavoro integrato
* Strumenti CSS
* traccia pagine personalizzate
* correttore ortografico
* Integrazione SharePoint Server 2007

Saluti, cari lettori del sito. linguaggio HTML il markup è la spina dorsale di tutti i siti Internet. Spesso, l'ignoranza di questo linguaggio impedisce a molte persone di talento di creare il proprio progetto web - dopotutto, non tutti hanno un debole per la programmazione. E non tutti sanno che puoi creare codice HTML non solo scrivendo tag in un blocco note, ma anche usando semplici editor visivi che assomigliano a Word.

• Visual (WYSIWYG) - in cui l'intero processo di codifica non richiede la conoscenza dell'HTML - consente di modellare testo, immagini e altri elementi della pagina in modalità visiva (come in Word) - creare titoli, evidenziare paragrafi, integrare il materiale con puntati elenchi, ecc., e in uscita ricevi codice HTML già pronto con tutti i tag;
• Funzionano solo con il codice sorgente: rispetto a un normale blocco note, ti consentono di vedere la struttura del codice, grazie all'evidenziazione e ad altri chip. Non puoi lavorare con questi editor senza conoscere l'HTML.

Esistono editor sotto forma di programmi che devono essere installati su un computer, ad esempio Visual NVU o Frontpage, puoi lavorare con il codice in Notepad ++. Ma ci sono anche analoghi online - siti dove Editor HTML funziona direttamente sul web, nessun download richiesto.

L'editor online è molto comodo se esegui raramente la codifica (crea e modifica pagine web).

Ho deciso di fornire un elenco dell'HTML di migliore qualità e più utile editori online a me noto.

Semplici editor HTML online

Questo editor HTML visivo è considerato da molti lo standard, poiché il suo pannello delle impostazioni contiene quasi tutto ciò che un webmaster può pensare: emoticon, video Youtube, anche la possibilità di inserire codice con tag di evidenziazione per migliorare la leggibilità.

L'editor di taglio ha tre modalità di commutazione:

• Visivo;
• Modalità codice;
• Anteprima dei risultati.

Il passaggio avviene tramite schede nella parte inferiore della finestra dell'editor.

Questo editor HTML WYSIWYG può essere integrato in qualsiasi sito, le istruzioni possono essere trovate lì dagli sviluppatori. Il pannello di controllo può essere modificato; per questo, c'è una finestra con un elenco a discesa sopra il modulo, che offre 5 set di pulsanti di controllo.

Questo sviluppo non è facile editor HTML online, ma un plug-in che può essere installato su qualsiasi sito, quindi si trova su molte risorse. Se lo desideri, puoi inserirlo nel tuo progetto - per questo, prendi le fonti qui -.

Il modulo dell'editor corrente funziona qui.

È un editor WYSIWYG con grande quantità funzioni. C'è anche la formattazione del testo e persino un correttore ortografico online.

Progetta la pagina i pulsanti desiderati, e alla fine passa dal display visivo al codice HTML già pronto utilizzando il pulsante "Sorgente".

L'editor HTML 5 online a due finestre è comodo perché su una schermata puoi lavorare contemporaneamente con il codice e vedere il risultato delle modifiche che fai. Questo editore non adatto a persone che non conoscono affatto l'HTML, poiché mira a lavorare direttamente con il codice. V set standard, ci sono solo 5 elementi per un inserimento rapido: elenco puntato, tabella, immagine, modulo e selezione. Il resto dovrà essere scritto in modo indipendente utilizzando i tag.

Le modifiche al codice vengono riprodotte nella parte visiva non in tempo reale, ma dopo aver premuto il pulsante "Render".

L'editor sa come lavorare con CSS e JavaScript.

Vulk

Un editor HTML di tipo WYSIWYG integrabile estremamente semplice. Le impostazioni minime, la leggerezza e la semplicità ti consentono di aggiungerlo ovunque, le fonti vengono scaricate direttamente dal sito Web dello sviluppatore: tutto è in russo.

Il set del pannello di controllo contiene tutte le funzioni più richieste: semplici ma di buon gusto.

In basso ci sono le schede per cambiare l'editor online dalla modalità visuale alla modalità HTML.

JSBin

Semplice editor online a due finestre con Supporto HTML, CSS e codice JS. Sul lato sinistro, scriviamo tag e inseriamo contenuto desiderato, e sulla destra, osserviamo cosa ne viene fuori in tempo reale. L'evidenziazione dei tag consente di tenere traccia della sintassi corretta. Comodo per il debug Script Java quale lavoro non è supportato in molti editor visivi.

Passa a tipo richiesto il codice si trova sopra area di lavoro.

Strumenti professionali per lo sviluppo web

Questo editor ti consente di lavorare non solo con il codice HTML, è supportato lista enorme linguaggi di programmazione tra cui JavaScript, PHP, Perl, Pyton, ecc.

Ma caratteristica principale non quello. Cloud9ide consente a più programmatori di lavorare con il codice contemporaneamente - in account personale l'accesso è aperto ad una determinata cerchia di specialisti. A tal proposito è necessaria la registrazione.

L'editor evidenzia visivamente gli elementi del codice, consente ai partecipanti al progetto di comunicare tramite chat - in una parola, tutto è fatto come dovrebbe.

Questo editor online è simile nelle funzionalità al Cloud9ide descritto sopra, supporta anche molte lingue, puoi programmare codice HTML normale e JS e PHP per il tuo sito. Con esso, puoi connetterti direttamente al tuo hosting tramite FTP e modificare i file direttamente da esso. L'interfaccia è divisa in 3 parti: quella principale con il codice, a sinistra l'elenco dei file, a destra anteprima risultato.

Lavoro supportato con Dropbox e Google Drive.

Tutti i tag nel codice sono evidenziati per chiarezza. C'è un'autofornitura dei tag di chiusura, il completamento automatico dei dati e l'evidenziazione degli elementi non chiusi.

La formattazione consente di "pettinare" automaticamente le aree antiestetiche del codice aggiungendo rientri e interruzioni di riga.

Per questo editor HTML c'è breve video istruzione, penso che non sarà superfluo darla:

Servizio per "pettinare" il codice Dirty Markup

Questo servizio non può essere classificato come editor online, sebbene ti permetta di lavorare con codice HTML, JS e CSS in modo abbastanza efficiente, ma modalità visiva non è previsto. Il compito dello strumento è quello di ripulire il codice: da qualsiasi goffo insieme di tag inseriti a caso nel documento, Dirty Markup crea un codice strutturato di facile lettura, in cui ogni elemento logico e il blocco è di facile lettura e comprensione.

Il servizio è conveniente, ad esempio, per ripristinare la leggibilità di file compressi per l'ottimizzazione, che vengono creati allo scopo o per correggere il lavoro di un programmatore incompetente.

Gli screenshot qui sotto mostrano due codici identici al 100%, uno è ottimizzato e impossibile da capire, l'altro è facilmente leggibile dall'uomo.

qui è così attrezzo utile- può essere molto utile se vuoi apportare modifiche a un sito precedentemente ottimizzato.

Speriamo dato oggi Elenco HTML gli editor online ti aiuteranno a lavorare in modo più efficiente sui tuoi progetti e a raggiungere nuove vette. E su questo saluto tutti.

Articoli utili:

• 
  
  Emoticon per VK: codici di emoticon nascoste, come ...
• 
  
  Come fare soldi online per un principiante - 23 ...

Ci sono molte funzioni negli editor HTML, ma non tutte potrebbero esserti utili. Abbiamo lasciato solo il più essenziale di loro. La tabella seguente mostra le principali funzioni dell'editor visivo che utilizziamo noi stessi e di cui avrai sicuramente bisogno. Ti diremo non solo cosa è utile per te, ma anche perché.

Funzioni principali

Tabella delle principali caratteristiche del servizio. Un'icona è mostrata nella colonna di sinistra, il nome della funzione è dato nel mezzo e la sua descrizione è nella destra.

Formattazione del testo

	Formato...	Evidenziazione dell'intestazione del testo (tag h1), dei sottotitoli (tag h2), dei sottotitoli di livello 3 (tag h3) e testo semplice(predefinito) (tag P). La formattazione specificata ha un forte impatto sulla promozione della pagina nei motori di ricerca. Pertanto, non è consigliabile utilizzare altri tipi di formattazione disponibili in questa funzione.
	Grassetto	Evidenziare un frammento di testo in grassetto (tag forte). Le frasi, le frasi o gli interi paragrafi più importanti dovrebbero essere evidenziati in grassetto. Etichetta forte utilizza i motori di ricerca per classificare un sito, ma il suo impatto non è così grande come quello delle intestazioni.
	Elenco numerato	Creazione di elenchi numerati (tag ol, li). Tali elenchi dovrebbero essere creati principalmente per comodità del lettore, il che avrà un effetto positivo sui fattori comportamentali.
	Elenco puntato	Creazione elenchi puntati(tag ul, li). A differenza degli elenchi numerati, l'ordine degli elementi qui è irrilevante.
	Citazione	Segnaliamo una parte di testo come citazione ( tag blockquote). Il tag blockquote dovrebbe contenere testo preso in prestito da altre fonti.
	Collegamento	Inserisci un collegamento ipertestuale a un altro sito o pagina del sito (un tag). Aiuta i lettori a ottenere maggiori informazioni quando si segue un collegamento. E i motori di ricerca aumenteranno il ranking della pagina a cui conduce il link.
	Immagine	Inserisci un'immagine. L'immagine deve essere prima caricata su Internet e avere un indirizzo. È necessario specificare "Testo alternativo" nella finestra di dialogo.
	tavolo	Inserisci una tabella. Se il testo contiene dati strutturati, è meglio presentarli sotto forma di tabella.
	Carattere speciale	Inserisce caratteri non disponibili sulla tastiera standard. Ad esempio: ®, ™, ¥, ½.

Ed è tutto? Perché ci sono così poche funzionalità?

Il codice HTML è molto ricco di funzionalità e puoi aggiungerci quasi tutto. La domanda sorge spontanea, è davvero necessario?

Ad esempio, elementi come moduli (tag modulo), campo di testo, casella di controllo, pulsante di opzione (tag di input) e così via possono essere presenti sul sito solo se interagiscono adeguatamente con il "motore" del sito. Cioè, per svolgere la funzione a loro destinata: lasciare un commento, votare, ecc. E questo richiede capacità di programmazione. In caso contrario, questa funzionalità ingannerà solo gli utenti e causerà irritazione durante l'utilizzo del sito.

Se, oltre a quanto sopra, desideri decorare il tuo testo con elementi di design come:

• vari tipi di carattere,
• linee multicolori,
• lettere grandi,
• l'allineamento del testo non è predefinito,
• direzione del testo da destra a sinistra,
• emoticon,
• e altre delizie di design.

Quindi un testo del genere trasformerà il tuo sito in albero di Natale che delizierà solo la tua famiglia e i tuoi amici. Molti siti popolari non sfruttano appieno le capacità di formattazione dei contenuti avanzati dell'HTML.

Le possibilità disponibili nel nostro servizio ti aiuteranno a progettare il tuo articolo in modo tale da ispirare la fiducia sia dei suoi lettori che dei motori di ricerca. Se vuoi davvero evidenziare una certa sezione di testo con uno stile diverso, allora è meglio farlo usando il file style.css.

Editor online WYSIWYG html

Il nostro editor html ha la proprietà WYSIWYG, la parola è un'abbreviazione dall'inglese. W cappello sì tu S eee io S W cappello sì tu G et, tradotto letteralmente "ciò che vedi è ciò che ottieni". Questa proprietà consente nel processo di modifica di visualizzare il contenuto del materiale il più vicino possibile a quello che si ottiene sul proprio sito quando si inserisce il frammento di codice html ottenuto dalla "sorgente" (pulsante).

Sii saggio: gioca a giochi normali !!!

- Combinazione di strategia e gioco di ruolo;
- Fantastica grafica in Full HD senza freni;
- Grande mondo, libertà assoluta;
- Regali generosi per i nuovi giocatori.

Tuttavia, va ricordato che il tuo sito ha stili di design. vari elementi testo (titoli, elenchi, paragrafi, immagini). In genere, questi stili vengono archiviati nel file style.css. Senza collegare questo file, cioè senza inserire il codice html risultante sul tuo sito, non puoi essere sicuro al 100% dell'affidabilità del risultato visibile. Questa affermazione è vera per tutti. editor visivi codice.

Conversione da Word a html

Il nostro servizio può essere utilizzato per convertire il testo da file di parole v formato html... Per fare ciò, è necessario copiare il frammento necessario da Word e, facendo clic sul pulsante "Incolla da Word" sul nostro servizio, incollare il frammento copiato nella finestra di dialogo che appare.

A differenza di altri convertitori simili, il nostro servizio cancella la formattazione della parola, lasciando solo il più necessario:

• Intestazione del testo (tag h1).
• Sottotitolo (tag h2, h3).
• Paragrafo/Testo normale (tag P).
• Carattere in grassetto (tag forte).
• Elenco numerato (tag ol, li).
• Elenco puntato (tag ul, li).
• Corsivo (tag em).
• Collegamento (tag a).
• Tavolo.
• Carattere speciale.

Cioè, praticamente non devi ripulire il codice html non necessario dal tuo materiale. È sufficiente formattare correttamente il testo in Editor di parole, convertilo in formato html utilizzando il nostro servizio e otterrai subito il risultato finito.

Converti qualsiasi documento in HTML puro... Questo formattatore di codice online gratuito ti aiuta a creare i tuoi documenti in modo rapido e semplice. È possibile visualizzare e correggere contemporaneamente il documento del codice sorgente visivo. Modifica uno di questi campi e le modifiche si rifletteranno istantaneamente nell'altro campo, mentre stai digitando.

Editor WYSIWYG "ciò che vedi è ciò che ottieni"

Funziona in questa visuale editor di testoè molto intuitivo. Si comporta come Microsoft Word, Ufficio aperto o qualsiasi altro editor di testo RTF e ti consente di visualizzare in anteprima come appariranno gli elementi quando pubblichi il tuo articolo sul sito. Si prega di notare che aspetto esteriore potrebbe differire leggermente a seconda del file CSS del sito web.

Editor del codice sorgente

L'editor HTML sottolineato dalla sintassi ne ha molti funzioni utili, ad esempio:

• Contatore del numero di linea
• Evidenziando la linea attiva
• Evidenziazione dei tag di inizio e di fine corrispondenti
• Chiusura automatica del tag
• vedi sotto per i dettagli...

Opzioni di pulizia:

• Stili in linea- Rimuovere ciascuno stile attributo tag. Si consiglia di utilizzare file separato CSS per lo stile.
• ID della classe- Rimuove tutti gli attributi classe e ID... Questa funzione è utile se stai trasferendo un articolo da un sito a un altro e vuoi eliminare le classi straniere.
• Tag vuoti- Rimuove i tag che non contengono nulla o contengono solo uno spazio.
• Tag spazio singolo- Rimuove i tag che contengono uno spazio come
• Spazi duplicati- Rimuove gli spazi duplicati causati dalla scarsa pratica dello spostamento del testo a destra e della regolazione degli spazi bianchi nel testo:
• Elimina commenti- Sbarazzati dei commenti HTML:
• Attributi dei tag- Cancella tutti gli attributi del tag, inclusi stili, classi, ecc. Questo parametro non ha effetto src immagini e attributi href link perché altrimenti renderebbero inutili questi tag.
• In testo semplice- Rimuove tutti i tag, la formattazione e lascia il testo normale.

Opzioni dell'editor HTML

Apri il menu a tendina ▼ per mostrare le opzioni di pulizia. Le opzioni selezionate vengono eseguite dopo aver premuto il pulsante principale Pulizia HTML... Fare clic sull'icona del triangolo rosso a destra per completarne solo uno.

• Annulla- Recupera documento in stato precedente... Torna al passaggio precedente se l'opzione di pulizia non ha portato al risultato desiderato.
• Nuova pagina- Cancella l'intero documento per ricominciare da capo.
• Restringersi- Le schede e le nuove righe vengono utilizzate per creare File HTML più leggibile dall'uomo, ma non influisce sulla visualizzazione in un browser web. Rimuovi questi caratteri non necessari per ridurre al minimo le dimensioni del file e altro caricamento veloce pagine.
• Visualizzazione ad albero- Impostare il rientro del testo per evidenziare la gerarchia dei tag. Con questa opzione, puoi rendere nuovamente leggibili i documenti compressi.
• Codifica dei caratteri- Decidi se vuoi codificare Simboli speciali o no. ad esempio
• Contenuti dimostrativi- Compilare Pannello contenuto demo per aiutarti a sperimentare questo strumento. La demo contiene un titolo, una tabella, immagini, paragrafi e altri elementi.
• Scorri gli editor insieme- Per impostazione predefinita, i due editor scorrono insieme se il documento è di grandi dimensioni. Puoi disabilitare questa funzione.
• Aggiungi testo incomprensibile- Aggiunge l'elemento "Lorem ipsum" alla fine del file. Fare nuovamente clic per aggiungerne un altro.

Lettere chiare

Clicca qui per modificare questo testo o incolla qui il tuo documento per convertirlo in HTML 😁

Questa demo consente di testare le capacità di questo editor. Inserisci il testo in uno dei campi e guarda come cambia l'altro in tempo reale!

Regola i parametri di pulizia e fai clic su Cancella

Lavora con uno qualsiasi degli editor e guarda come cambiano gli altri in tempo reale:

Completa GeekPrank per un buon scherzo online.