Vài ngày trước tin tức đã nổ ra rằng Facebook đã mở nguồn thư viện Lexical JavaScript, cung cấp các thành phần để tạo các biểu mẫu web chỉnh sửa văn bản nâng cao và trình soạn thảo văn bản cho các trang web và ứng dụng web.
Về bản chất, Lexical là một công cụ chỉnh sửa văn bản, một plataform để tạo trình chỉnh sửa web giàu tính năng. Đồng thời, chúng tôi tin rằng người dùng không cần phải viết đi viết lại cùng một chức năng văn bản đa dạng thức với mỗi lần triển khai. Lexical cho thấy một tập hợp các gói mô-đun riêng lẻ có thể được sử dụng để thêm các tính năng chung như danh sách, liên kết và bảng.
Các phẩm chất đặc biệt của thư viện là dễ dàng tích hợp vào các trang web, thiết kế nhỏ gọn, mô-đun và hỗ trợ cho các công cụ dành cho người khuyết tật, chẳng hạn như trình đọc màn hình.
Lexical là một khung soạn thảo văn bản web JavaScript có thể mở rộng với trọng tâm là độ tin cậy, khả năng truy cập và hiệu suất. Lexical nhằm mục đích cung cấp trải nghiệm tốt nhất dành cho nhà phát triển, vì vậy bạn có thể dễ dàng tạo nguyên mẫu và xây dựng các tính năng một cách tự tin. Kết hợp với kiến trúc có thể mở rộng cao, Lexical cho phép các nhà phát triển tạo ra trải nghiệm chỉnh sửa văn bản độc đáo có quy mô về kích thước và chức năng.
Về Lexical
Thư viện là được thiết kế để dễ kết nối và không phụ thuộc vào các khuôn khổ web bên ngoài, nhưng nó cung cấp các ràng buộc bên ngoài để dễ dàng tích hợp với React framework.
Để sử dụng Lexical, bạn chỉ cần liên kết một thể hiện của trình soạn thảo với phần tử đang được chỉnh sửa, sau đó, trong quá trình chỉnh sửa, bạn có thể kiểm soát trạng thái của trình chỉnh sửa thông qua xử lý lệnh và sự kiện. Thư viện cho phép người dùng có thể theo dõi các trạng thái của trình soạn thảo bất kỳ lúc nào và phản ánh những thay đổi trong DOM dựa trên việc tính toán sự khác biệt giữa các trạng thái.
Bạn có thể tạo biểu mẫu để nhập văn bản thuần túy mà không cần đánh dấu, cũng như tạo giao diện để chỉnh sửa tài liệu trực quan giống như trình xử lý văn bản và cung cấp các tính năng như chèn bảng, hình ảnh và danh sách, thao tác phông chữ và kiểm soát căn chỉnh văn bản.
Nhà phát triển có khả năng ghi đè hành vi của trình chỉnh sửa hoặc kết nối bộ điều khiển để triển khai chức năng không điển hình.
Của các tính năng nổi bật so với Lexical, những điều sau được đề cập:
- Lexical được tạo thành từ các phiên bản trình chỉnh sửa được đính kèm với một phần tử nội dung có thể chỉnh sửa duy nhất. Một tập hợp các trạng thái trình chỉnh sửa đại diện cho các trạng thái hiện tại và đang chờ xử lý của trình chỉnh sửa tại một thời điểm nhất định.
- Lexical được thiết kế cho tất cả mọi người. Nó tuân theo các phương pháp hay nhất được thiết lập trong WCAG và tương thích với trình đọc màn hình và các công nghệ hỗ trợ khác.
- Lexical là tối thiểu. Nó không trực tiếp giải quyết các thành phần giao diện người dùng, thanh công cụ hoặc các tính năng văn bản đa dạng thức và đánh dấu. Logic cho các chức năng này có thể được đưa vào thông qua giao diện plugin
Khung cơ bản của thư viện chứa bộ thành phần bắt buộc tối thiểu, có chức năng được mở rộng thông qua kết nối của các plugin. Ví dụ: thông qua các plugin, bạn có thể kết nối các phần tử giao diện bổ sung, bảng điều khiển, công cụ để chỉnh sửa trực quan ở chế độ WYSIWYG, hỗ trợ định dạng Markdown hoặc các thành phần để làm việc với một số loại nội dung nhất định, chẳng hạn như danh sách và bảng.
Ở dạng plugin, các tính năng như tự động hoàn thành đầu vào, giới hạn kích thước tối đa của dữ liệu đầu vào, mở và lưu tệp, đính kèm ghi chú / nhận xét, nhập bằng giọng nói, v.v.
Cuối cùng, điều đáng nói là hiện tại Lexical hiện đang được phát triển sớm và các API và gói có thể thay đổi khá thường xuyên. Mã được viết bằng JavaScript và được phân phối theo giấy phép MIT.
Một số cuộc biểu tình đã được chuẩn bị tương tác để làm quen với các khả năng của thư viện và bạn có thể tham khảo một trong số chúngs trong liên kết sau.
Nếu bạn muốn biết thêm về nó, bạn có thể tham khảo chi tiết trong liên kết sau.