2015-06-02 20 views
7

Tôi đang tìm phương pháp quản lý các thành phần của contenteditable làm các thành phần React.React.JS - Quản lý nội dung của div có thể chỉnh sửa như thành phần React

Khám phá nguồn của Facebook thông qua tiện ích React DevTools cho thấy rằng họ đã viết một trình chỉnh sửa nhận xét contenteditable có vẻ được quản lý hoàn toàn bởi React.

enter image description here

Bạn có thể thấy trong cây linh kiện rằng việc cập nhật các conteneditable gây nên cập nhật cho cây thành phần mà là con của contenteditable.

+0

Nó không rõ ràng những gì câu hỏi lập trình của bạn. Nó quá rộng để yêu cầu ai đó chi tiết cách tạo trình chỉnh sửa phức tạp. – WiredPrairie

+1

Những người đã quen thuộc với React, nên biết về những khó khăn liên quan đến việc quản lý một trạng thái đáng tin cậy của yếu tố contentediatble trong khi cung cấp một trải nghiệm người dùng trơn tru. Tôi không hỏi làm thế nào để tạo ra trình soạn thảo phức tạp, có rất nhiều những người; Tôi đang hỏi về cách quản lý trạng thái của phần tử có thể chỉnh sửa như các thành phần React. – Max

+2

Facebook có nhiều khả năng đã đổ vô số giờ làm cho công việc kiểm soát đó trơn tru như nó. Bạn có thể có thể tái thực hiện nó, nhưng dựa trên rất nhiều công việc. Các yếu tố có thể chỉnh sửa được nổi tiếng với các trường hợp khó xử lý và các vấn đề tương thích với trình duyệt. Thành phần của họ hầu như không mở và không thể - nó có thể được tích hợp quá sâu với phần còn lại của hệ thống của họ. –

Trả lời

2

update:

Facebook đã phát hành draft-js đó là có nghĩa để xây dựng soạn thảo văn bản với phản ứng. https://github.com/facebook/draft-js

câu trả lời ban đầu mà bây giờ đã lỗi thời:

Đi trước, không có gì đặc biệt cho việc này.

đây là một số ví dụ:

+1

Các liên kết đầu đưa ra một 404. Nó sẽ được https://github.com/lovasoa/react-contenteditable –

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