Công cụ dành cho nhà phát triển · HTML WYSIWYG trình chỉnh sửa
Lịch sử ngắn gọn của WYSIWYG: Từ Bravo của Xerox PARC đến Trình chỉnh sửa trình duyệt
· Lý lịch
html contenteditable developer-workflow
Theo dõi việc chỉnh sửa những gì bạn thấy là những gì bạn nhận được từ hệ thống nghiên cứu những năm 1970 thông qua việc xuất bản trên máy tính để bàn và trình tạo trang web cho đến trình chỉnh sửa có thể chỉnh sửa nội dung trong mọi trình duyệt.
Trước WYSIWYG, bạn đã định dạng mù — mở ra bằng quy trình đánh dấu và in và lý do chỉnh sửa trực quan lại mang tính cách mạng
Trước khi chỉnh sửa trực quan, tác giả thường viết mã kiểm soát hoặc đánh dấu và xem kết quả được định dạng sau đó. Sự chậm trễ khiến bố cục lặp đi lặp lại: thay đổi hướng dẫn, kết xuất lại, so sánh và lặp lại. Hiển thị định dạng trong quá trình soạn thảo đã rút ngắn vòng lặp đó và thay đổi những gì những người không chuyên mong đợi từ phần mềm tài liệu.
Bài viết này cố tình tránh những ngày đầu tiên chính xác mà kho lưu trữ không có nguồn độc lập. Mục đích của nó là để giải thích dòng thiết kế đằng sau bề mặt chỉnh sửa của trình duyệt chứ không phải chứng nhận niên đại lịch sử đầy đủ. Các mốc quan trọng được đặt tên cần có tài liệu tham khảo lưu trữ trước khi xuất bản dưới dạng lịch sử sản phẩm thực tế.
Các hệ thống tài liệu trực quan ban đầu đã hình thành nên ý tưởng này; kho lưu trữ này không có nguồn theo trình tự thời gian của Bravo
Các hệ thống nghiên cứu liên quan đến Xerox PARC được thảo luận rộng rãi trong lịch sử WYSIWYG và sách bài tập có tên Bravo. Không có nguồn kho lưu trữ nào được cung cấp ở đây xác minh ngày tháng, bộ tính năng hoặc mức độ ưu tiên của nó so với các nguồn cùng thời, vì vậy những chi tiết đó bị bỏ qua thay vì được diễn giải như thực tế.
Cột mốc khái niệm có thể bảo vệ được là màn hình hiển thị bitmap kết hợp với thao tác trực tiếp trên các tài liệu được định dạng. Màn hình trở thành một nơi gần đúng cho kết quả đầu ra thay vì chỉ đơn thuần là nơi gõ lệnh. Mối quan hệ giữa định dạng hiển thị và cấu trúc cơ bản vẫn xác định sự cân bằng của trình soạn thảo hiện đại.
Chỉnh sửa trực quan đã tiếp cận được máy tính để bàn của người tiêu dùng; các mốc quan trọng của sản phẩm chính xác cần có nguồn lưu trữ bên ngoài
Sổ làm việc tiếp theo có tên là Xerox Star, MacWrite và xuất bản trên máy tính để bàn. Trình tự chính xác và ảnh hưởng yêu cầu các nguồn ngoài cơ sở mã này. Điều có thể nói mà không cần đến phát minh là điện toán cá nhân bằng đồ họa đã làm cho bố cục hình ảnh trở nên quen thuộc với nhiều đối tượng hơn và việc chỉnh sửa được liên kết với phông chữ, khoảng cách và bố cục trang.
Mô hình máy tính để bàn đó đã khuyến khích những kỳ vọng về các trang ổn định và các thiết bị đầu ra được kiểm soát. Nội dung web sau đó đã làm phức tạp thêm lời hứa vì một đoạn HTML có thể đáp ứng nhiều biểu định kiểu, độ rộng và tùy chọn của người dùng. Cụm từ “những gì bạn thấy” trở nên ít nghĩa đen hơn khi việc xuất bản chuyển từ các trang giống như giấy sang các tài liệu phản hồi.
Những người xây dựng trang những năm 1990 đã tiết lộ tác giả web trực quan và sự đánh đổi đánh dấu của nó
Trình tạo trang web trực quan đã đưa bố cục trực tiếp vào HTML và được liên kết với các trình bao bọc và đánh dấu trình bày được tạo ra. Một lần nữa, sổ làm việc nêu tên các sản phẩm cụ thể mà không có bằng chứng kho lưu trữ về danh tiếng hoặc dòng thời gian chi tiết. Bài viết này giới hạn quan điểm về sự đánh đổi kỹ thuật lâu dài.
Một công cụ trực quan phải chuyển các cử chỉ thành một cái cây và một chuỗi. Nếu nó tối ưu hóa để có diện mạo ngay lập tức, nó có thể tạo ra bản trình bày cục bộ cản trở việc thiết kế lại sau này. Nếu nó hạn chế đầu ra, độ trung thực của hình ảnh đối với nguồn sẽ giảm. ToolAcre chọn tập hợp con ngữ nghĩa bị ràng buộc và hiển thị nguồn được lọc.
Việc chỉnh sửa chuyển sang trang — giải thích cách nội dung có thể chỉnh sửa được đưa WYSIWYG vào trình duyệt và nền tảng CMS
Trình duyệt có thể chỉnh sửa nội dung đã chuyển máy chủ chỉnh sửa thành một phần tử trang thông thường. Trình duyệt có thể quản lý dấu mũ, lựa chọn, nhập và xóa trong khi mã ứng dụng cung cấp các điều khiển và đọc HTML bên trong. ToolAcre tuân theo mô hình đó và hiện gửi các tác vụ trên thanh công cụ thông qua execCommand không được dùng nữa.
Sau đó, ứng dụng sẽ thêm các ranh giới mà máy chủ chỉnh sửa gốc không cung cấp: chặn dán, lọc nguồn, báo cáo xóa, đếm ký tự và từ, trích xuất văn bản thuần túy, sao chép, tải xuống và xem trước trơ. Việc phân lớp này giải thích tại sao chỉ nội dung có thể chỉnh sửa được thì không phải là một sản phẩm hoàn chỉnh.
Phong trào phản đối ủng hộ việc chỉnh sửa nguồn có cấu trúc và nguồn hạn chế, không có dòng thời gian của sản phẩm có nguồn gốc
Đánh dấu nhẹ và trình soạn thảo có cấu trúc trả lời cùng một mối quan tâm về chất lượng đầu ra một cách khác nhau. Chúng hạn chế những gì tác giả có thể thể hiện hoặc lưu trữ, sau đó đưa ra kết quả được kiểm soát. Sổ làm việc yêu cầu một chuyển động ngược lịch sử nhưng không có nguồn nào ở đây hỗ trợ ngày tháng, yêu cầu áp dụng hoặc trình tự nhân quả được đặt tên.
Sự so sánh hữu ích là kiến trúc. Một nguồn bị hạn chế có thể dễ dàng phân biệt và biến đổi, trong khi bề mặt trực quan làm giảm rào cản định dạng. ToolAcre kết hợp soạn thảo trực quan với HTML hiển thị nhưng không cung cấp tính năng cộng tác, mô hình tài liệu hoặc các lệnh xác định trên nhiều trình duyệt.
Điều này không bao gồm những gì - dòng thời gian theo từng sản phẩm hoặc xuất bản trên máy tính để bàn vượt quá tầm ảnh hưởng của nó trên web
Bài viết này không cung cấp dòng thời gian theo từng sản phẩm, ghi nhận một phát minh, trích dẫn các nhà nghiên cứu hoặc đề cập đến việc xuất bản trên máy tính để bàn ngoài phạm vi ảnh hưởng rộng rãi. Những thiếu sót đó là có chủ ý vì không có nguồn lưu trữ nào được cung cấp. Việc triển khai trình chỉnh sửa có thể xác minh hành vi hiện tại chứ không phải mức độ ưu tiên trước đây.
Nó cũng không khẳng định rằng các trình soạn thảo trực quan nhất thiết phải tạo ra những đánh dấu xấu. Chất lượng đầu ra phụ thuộc vào mô hình và chính sách chỉnh sửa. Ở đây, bí danh và danh sách cho phép làm giảm sự thay đổi sau khi trình duyệt thay đổi, trong khi chế độ nguồn cho phép người viết xem lại những gì còn lại. Các biên tập viên khác có thể chọn các cấu trúc khác nhau.
Bài học rút ra: sự căng thẳng cũ vẫn là vấn đề về thiết kế — tóm tắt sự tiện lợi về mặt hình ảnh so với kết quả rõ ràng và cách trình soạn thảo HTML WYSIWYG của ToolAcre giải quyết vấn đề đó bằng cách cho bạn xem phần đánh dấu mà các chỉnh sửa của bạn tạo ra
Sự căng thẳng cũ vẫn tồn tại: việc kiểm soát trực quan bằng hình ảnh giúp ích cho tác giả, trong khi kết quả đầu ra có cấu trúc bền bỉ giúp ích cho hệ thống và những người bảo trì trong tương lai. Một biên tập viên đáng tin cậy làm cho bản dịch đó hiển thị và thừa nhận vị trí hiển thị phụ thuộc vào trình duyệt và ngữ cảnh đích.
ToolAcre là một ví dụ nhỏ đương đại. Định dạng ghi chú dùng một lần, kiểm tra HTML đã lọc và so sánh bản xem trước với nguồn. Bài tập thể hiện dòng dõi mà không biến một bản phác thảo lịch sử không có nguồn gốc thành độ chính xác sai hoặc tuyên bố rằng việc triển khai này giải quyết được mọi thỏa hiệp WYSIWYG.