2012-05-09 31 views
9

Tính năng giao diện người dùng thực sự tuyệt vời mà tôi có thể chỉnh sửa danh sách của mình khi nhấp mà không có các nút cụ thể. Nó trông giống như trình soạn thảo wysiwyg lớn với liên kết và thẻ nổi bật. Kỹ thuật js nào họ sử dụng? Có thể chỉnh sửa để lấy nét và sau đó là văn bản chỉnh sửa?Quy trình biên tập nội dòng được thực hiện như thế nào?

+0

Luồng công việc dường như yêu cầu tài khoản người dùng để xem nó hoạt động. –

Trả lời

27

Tôi là một trong hai người xây dựng WorkFlowy. Khi bạn di chuyển chuột xung quanh trang, chúng tôi có một khu vực văn bản opacity:0 được định vị trên văn bản cho mục bạn đang di chuột qua bất kỳ lúc nào. Nó có cùng nội dung và định dạng giống như nội dung cơ bản.

Khi bạn nhấp vào, nó tập trung vào vùng văn bản và chúng tôi làm cho nó là opacity:1 và nội dung nó bắt chước opacity:0. Sau đó, khi bạn nhập, chúng tôi đồng bộ nội dung giữa vùng văn bản và nội dung đích. Chúng tôi có thể sẽ di chuyển đến một khu vực văn bản hoàn toàn vô hình trong tương lai, vì điều đó sẽ cho phép chỉnh sửa văn bản phong phú. Đó là điều mà rất nhiều IDE dựa trên html thực hiện.

+3

Cảm ơn Jesse vì câu trả lời và cho luồng công việc! Làm tốt lắm! –

+0

Hah, và tôi đã dành hàng giờ gỡ lỗi :) Cảm ơn rất nhiều! – fjdumont

+1

Tại sao bạn không sử dụng nội dung có thể chỉnh sửa được? – eloone

Các vấn đề liên quan