Trình soạn thảo HTML WYSIWYG tốt là gì?

Tôi đã sử dụng Dreamweaver (mặc dù CS3 vì vậy tôi là một vài phiên bản trở lại), nhưng tôi thất vọng với số lượng đánh dấu không hợp lệ mà nó tạo ra. Có các trình soạn thảo WYSIWYG khác ngoài đó tạo ra đánh dấu hợp lệ không?

Nếu bạn muốn kiểm soát mã của mình, hãy sử dụng chế độ xem mã trong Dreamweaver hoặc chỉ là trình chỉnh sửa văn bản đơn giản như Notepad ++ trên Windows, Textmate trên Mac hoặc Vim trên * nix. Vấn đề với WYSIWYG là bạn không có toàn quyền kiểm soát mã bạn sản xuất, mặc dù bạn không có quá nhiều sự dọn dẹp sau khi thực hiện.

Coda từ những kẻ tại Panic là một sản phẩm Mac thực sự tốt. Bạn tự viết đánh dấu và do đó giữ quyền kiểm soát hoàn toàn như với TextMate, Notepad2, v.v. Nhưng cũng có một bản xem trước trực tiếp mà bạn có thể thấy trong màn hình chia nhỏ để bạn có thể biết ngay những gì bạn đang gặp phải trên trang. Đó là một giải pháp "tốt nhất của cả hai thế giới".

Một câu hỏi liên quan ở đây: xác thực HTML: nó có đáng không? . Tôi đưa ra điều này vì bạn đã đề cập rằng bạn đang buồn với đánh dấu không hợp lệ. Theo tôi, ngữ nghĩa đánh dấu quan trọng hơn tính hợp lệ đánh dấu theo quan điểm của tôi và nói chung điều này chỉ có thể được thực hiện đúng bởi một con người - đặc biệt là với tất cả các yếu tố mới được trình bày bởi HTML5.

Jeffery Zeldman gần đây đã đăng một bài viết về chính chủ đề này: Một InDesign cho HTML và CSS . Lấy cảm hứng từ cuộc nói chuyện từ một số người tại Adobe, ông cho rằng không có trình soạn thảo WYSIWYG nào có thể tạo ra dấu ấn ngữ nghĩa và ý nghĩa nữa ngoài một chương trình máy tính có thể sáng tác nhạc có ý nghĩa và cảm xúc.

Nếu bạn chọn gắn bó với Dreamweaver và sử dụng chế độ xem mã của nó (đó là những gì tôi đã sử dụng trong một thời gian dài, điều đó rất tốt), bạn nên xem xét nâng cấp lên CS5. Adobe, với tất cả sự ghét bỏ Flash, đã nỗ lực hết sức để cải thiện chất lượng mã mà nó tạo ra. Họ cũng đã tạo Gói HTML5 .

Tiện ích mở rộng này cung cấp hỗ trợ ban đầu cho HTML5 và CSS3 trong Adobe Dreamweaver CS5 và giúp bạn dễ dàng tạo các trang HTML5 và kiểu CSS3. Nó cũng bao gồm các bản cập nhật và cải tiến WebKit để hiển thị Design View và Live View.

Mặc dù HTML5 và CSS3 sẽ không được hoàn thiện trong một thời gian, tiện ích mở rộng cung cấp hỗ trợ cho một tập hợp các tính năng hiện được triển khai.

Tiện ích mở rộng này tăng cường Dreamweaver CS5 theo các cách sau:

• Giới thiệu bảng điều khiển Multiscreen Preview, cho phép hiển thị Live View trên 3 kích cỡ màn hình khác nhau, có hỗ trợ Truy vấn phương tiện. (Cửa sổ> Xem trước nhiều màn hình)
• Thêm gợi ý mã cho Thư viện thẻ HTML5 với các thẻ, thuộc tính và thuộc tính mới.
• Cập nhật gợi ý mã cho các thuộc tính và giá trị mới trong các thẻ HTML hiện có.
• Thêm gợi ý mã cho các thông số kỹ thuật CSS3 sau: Chuyển đổi 2D / 3D; Ảnh động; Bối cảnh và Biên giới; Giao diện người dùng cơ bản; Bố cục dòng; Hầu tước; Truy vấn phương tiện truyền thông; Đa lớp; Hồng ngọc; Bản văn; và chuyển tiếp.
• Cập nhật Live View để hỗ trợ <video> và <audio>. (Yêu cầu cài đặt Quicktime.)
• Cải thiện kết xuất cho CSS3 trong Live View.
• Thêm bố cục khởi động HTML5 vào hộp thoại Tài liệu mới.
• Cung cấp kết xuất tốt hơn cho các thẻ mới trong Dạng xem thiết kế.

Dreamweaver đã tồn tại lâu hơn nhiều so với hầu hết các đối thủ cạnh tranh và là một chương trình vững chắc, và nếu bạn chọn sử dụng trình chỉnh sửa WYSIWYG, bạn sẽ không nhận được nhiều ứng dụng khác.

Tôi đã sử dụng bởi jEdit và Eclipse vì chúng hoạt động tốt trong phần còn lại của quy trình phát triển của tôi. Làm nổi bật cú pháp của jEdit và khả năng nhận dạng nhiều định dạng văn bản rất hay để xem nhanh những điều lạ mà tôi có xu hướng tìm đến.

Tôi đồng ý với những người khác đã đề cập đến việc tránh các biên tập viên WYSIWYG. Các phiên bản mới nhất của DW thường tạo mã chấp nhận được, nhưng khi tôi sử dụng, tôi vẫn dành 95% thời gian để xem mã.

Tôi sử dụng Microsoft Visual Web Developer 2010 Express (miễn phí, bao gồm cả cho mục đích thương mại) :)