it-swarm-id.com

Apa itu Editor HTML WYSIWYG yang bagus?

Saya telah menggunakan Dreamweaver (meskipun CS3 jadi saya beberapa versi kembali), tetapi saya kecewa dengan jumlah markup tidak valid yang dihasilkannya. Apakah ada editor WYSIWYG lain di luar sana yang menghasilkan markup yang valid?

7
plntxt

Jika Anda ingin mengontrol kode Anda gunakan tampilan kode di Dreamweaver atau hanya editor teks biasa seperti Notepad ++ di Windows, Textmate pada Mac atau Vim pada * nix. Masalah dengan WYSIWYG adalah bahwa Anda tidak memiliki kontrol penuh atas kode yang Anda hasilkan, walaupun Anda bebas terlalu membersihkan setelah itu offcourse.

7
D4V360

Pertanyaan terkait di sini: Validasi HTML: apakah ini layak? . Saya membahas hal ini karena Anda menyebutkan bahwa Anda kecewa dengan markup yang tidak valid. Semantik markup lebih penting daripada validitas markup menurut saya, dan umumnya ini hanya dapat dilakukan dengan benar oleh manusia - terutama dengan semua elemen baru yang disajikan oleh HTML5.

Jeffery Zeldman baru-baru ini memposting sebuah artikel tentang subjek ini: Sebuah InDesign untuk HTML dan CSS . Terinspirasi oleh pembicaraan dari orang-orang tertentu di Adobe, ia berpendapat bahwa tidak ada editor WYSIWYG yang dapat membuat markup bermakna dan semantik lagi daripada program komputer dapat membuat musik yang bermakna dan emosional.

Jika Anda memilih untuk tetap menggunakan Dreamweaver dan menggunakan tampilan kodenya (yang saya gunakan cukup lama, ini sangat bagus) Anda harus mempertimbangkan untuk meningkatkan ke CS5. Adobe, mengingat semua kebencian Flash, telah berusaha keras untuk meningkatkan kualitas kode yang dihasilkannya. Mereka juga telah menciptakan Paket HTML5 .

Ekstensi ini memberikan dukungan awal untuk HTML5 dan CSS3 di Adobe Dreamweaver CS5, dan membantu Anda membuat halaman HTML5 dan gaya CSS3 dengan mudah. Ini juga termasuk pembaruan dan peningkatan WebKit untuk tampilan Desain dan rendering Live View.

Meskipun HTML5 dan CSS3 tidak akan diselesaikan untuk beberapa waktu, ekstensi ini menyediakan dukungan untuk serangkaian fitur yang saat ini diterapkan.

Ekstensi ini meningkatkan Dreamweaver CS5 dengan cara berikut:

  • Memperkenalkan panel Multiscreen Preview, memungkinkan untuk tampilan Live View pada 3 ukuran layar yang berbeda, dengan dukungan Media Query. (Jendela> Pratinjau Multiscreen)
  • Menambahkan petunjuk kode untuk Perpustakaan Tag HTML5 dengan tag, atribut, dan properti baru.
  • Memperbarui kode yang mengisyaratkan atribut dan nilai baru dalam tag HTML yang ada.
  • Menambahkan petunjuk kode untuk spesifikasi CSS3 berikut: Transformasi 2D/3D; Animasi; Latar Belakang dan Batas; Antarmuka Pengguna Dasar; Tata Letak Garis; Tenda besar; Pertanyaan Media; MultiColumn; Rubi; Teks; dan Transisi.
  • Memperbarui Live View untuk mendukung <video> dan <audio>. (Membutuhkan instalasi Quicktime.)
  • Peningkatan rendering untuk CSS3 di Live View.
  • Menambahkan tata letak awal HTML5 ke kotak Dialog Dokumen Baru.
  • Menawarkan perenderan yang lebih baik untuk tag baru di Tampilan Desain.

Dreamweaver telah ada jauh lebih lama daripada kebanyakan pesaingnya, dan merupakan program yang solid, dan jika Anda memilih untuk tetap menggunakan editor WYSIWYG Anda tidak akan mendapatkan yang lebih baik dari aplikasi lain.

3
Bryson

Coda dari orang-orang di Panic adalah produk Mac yang sangat bagus. Anda menulis markup sendiri dan oleh karena itu tetap memegang kendali penuh seperti yang Anda lakukan dengan TextMate, Notepad2, dll. Tetapi ada juga preview langsung yang dapat Anda lihat di layar terbagi sehingga Anda dapat segera mengetahui apa yang mempengaruhi Anda pada halaman. Ini solusi Nice "terbaik dari kedua dunia".

3
Alan

Saya telah menggunakan oleh jEdit dan Eclipse karena mereka bekerja dengan baik dalam alur kerja pengembangan saya dengan baik. Penyorotan sintaksis jEdit, dan kemampuan untuk mengenali beragam format teks sangat bagus untuk ulasan singkat tentang hal-hal aneh yang cenderung saya lakukan.

Saya setuju dengan orang lain yang telah disebutkan menghindari editor WYSIWYG. Versi terbaru DW memang menghasilkan kode yang dapat diterima sebagian besar waktu, tetapi ketika saya menggunakannya, saya menghabiskan 95% waktu saya dalam tampilan kode.

1
acrosman

Saya menggunakan Microsoft Visual Web Developer 2010 Express (gratis, termasuk untuk penggunaan komersial) :)

0
Andrei Rînea