it-swarm.it

Che cos'è un buon editor HTML WYSIWYG?

Ho usato Dreamweaver (anche se CS3 quindi sono alcune versioni precedenti), ma sono deluso dalla quantità di markup non valido che produce. Esistono altri editor WYSIWYG che producono markup validi?

7
plntxt

Se vuoi avere il controllo del tuo codice usa la vista del codice in Dreamweaver o solo un semplice editor di testo come Notepad ++ su Windows, Textmate su Mac o Vim su * nix. Il problema con WYSIWYG è che non hai il pieno controllo del codice che produci, anche se sei libero troppo dopo aver eliminato il rapporto.

7
D4V360

Una domanda correlata qui: Convalida HTML: ne vale la pena? . Lo sollevo da quando hai detto che sei arrabbiato con il markup non valido. La semantica del markup è più importante della validità del markup secondo me, e generalmente questo può essere fatto correttamente solo da un essere umano - specialmente con tutti i nuovi elementi presentati da HTML5.

Jeffery Zeldman ha recentemente pubblicato un articolo su questo argomento: An InDesign per HTML e CSS . Ispirato al discorso di alcune persone di Adobe, ritiene che nessun editor WYSIWYG possa creare markup significativi e semantici più di quanto un programma per computer possa comporre musica significativa ed emotiva.

Se scegli di rimanere con Dreamweaver e utilizzi la sua vista del codice (che è quello che ho usato per un bel po ', è molto buono) dovresti prendere in considerazione l'aggiornamento a CS5. Adobe, considerato tutto l'odio per Flash, ha fatto di tutto per migliorare la qualità del codice che genera. Hanno anche creato il HTML5 Pack .

Questa estensione fornisce il supporto iniziale per HTML5 e CSS3 in Adobe Dreamweaver CS5 e consente di creare facilmente pagine HTML5 e stili CSS3. Include anche aggiornamenti e miglioramenti WebKit per il rendering di Design View e Live View.

Sebbene HTML5 e CSS3 non vengano finalizzati per un certo periodo di tempo, l'estensione fornisce supporto per un set di funzionalità attualmente implementate.

Questa estensione migliora Dreamweaver CS5 nei seguenti modi:

  • Presenta il pannello Anteprima multischermo, che consente la visualizzazione Live View su 3 schermi di dimensioni diverse, con supporto Media Query. (Finestra> Anteprima multischermo)
  • Aggiunge suggerimenti sul codice per la libreria di tag HTML5 con nuovi tag, attributi e proprietà.
  • Aggiorna il suggerimento sul codice per nuovi attributi e valori nei tag HTML esistenti.
  • Aggiunge suggerimenti sul codice per le seguenti specifiche CSS3: Trasformazioni 2D/3D; animazioni; Sfondo e bordo; Interfaccia utente di base; Layout linea; Tendone; Media query; MultiColumn; Rubino; Testo; e transizioni.
  • Aggiorna Live View per supportare <video> e <audio>. (Richiede l'installazione di Quicktime.)
  • Rendering migliorato per CSS3 in Live View.
  • Aggiunge layout di avvio HTML5 alla finestra di dialogo Nuovo documento.
  • Offre un rendering migliore per i nuovi tag in Design View.

Dreamweaver è in circolazione da molto più tempo rispetto alla maggior parte dei suoi concorrenti, ed è un programma solido, e se scegli di rimanere con l'uso dell'editor WYSIWYG non otterrai molto meglio da qualsiasi altra app.

3
Bryson

Coda dei ragazzi di Panic è un prodotto Mac davvero bello. Scrivi tu stesso il markup e quindi mantieni il controllo completo come faresti con TextMate, Notepad2, ecc. Ma c'è anche un'anteprima live che puoi vedere in una schermata divisa in modo da poter dire immediatamente quale effetto stai avendo sulla pagina. È una bella soluzione "migliore di entrambi i mondi".

3
Alan

Ho usato jEdit ed Eclipse perché hanno funzionato bene nel resto del mio flusso di lavoro di sviluppo. L'evidenziazione della sintassi di jEdit e la capacità di riconoscere un'ampia varietà di formati di testo sono molto utili per una rapida revisione delle strane cose che tendo sono arrivate sulla mia strada.

Sono d'accordo con gli altri che hanno menzionato la necessità di evitare gli editor WYSIWYG. Le ultime versioni di DW generano il codice accettabile per la maggior parte del tempo, ma quando lo uso spendo comunque il 95% del mio tempo nella visualizzazione del codice.

1
acrosman

Uso Microsoft Visual Web Developer 2010 Express (gratuito, anche per uso commerciale) :)

0
Andrei Rînea