몇일 전에 Facebook이 Lexical 라이브러리를 오픈 소스로 만들었다는 뉴스가 나왔습니다. 웹 사이트 및 웹 응용 프로그램을 위한 고급 텍스트 편집 웹 양식 및 텍스트 편집기를 만들기 위한 구성 요소를 제공하는 JavaScript.
본질적으로 Lexical은 텍스트 편집 엔진, 플랫폼 기능이 풍부한 웹 편집기를 만들 수 있습니다. 동시에 우리는 사용자가 모든 구현에서 동일한 서식 있는 텍스트 기능을 반복해서 다시 작성할 필요가 없다고 생각합니다. Lexical은 목록, 링크 및 테이블과 같은 공통 기능을 추가하는 데 사용할 수 있는 개별 모듈 패키지 세트를 제공합니다.
도서관만의 특징은 사이트 통합 용이성, 컴팩트한 디자인, 모듈성 및 지원 스크린 리더와 같은 장애인용 도구용.
Lexical은 안정성, 접근성 및 성능에 중점을 둔 확장 가능한 JavaScript 웹 텍스트 편집기 프레임워크입니다. Lexical은 동급 최고의 개발자 경험을 제공하는 것을 목표로 하므로 자신감을 갖고 쉽게 프로토타입을 만들고 기능을 구축할 수 있습니다. 확장성이 뛰어난 아키텍처와 결합된 Lexical을 사용하면 개발자가 크기와 기능이 확장되는 고유한 텍스트 편집 환경을 만들 수 있습니다.
어휘에 대하여
도서관은 외부 웹 프레임워크에 의존하지 않고 쉽게 연결할 수 있도록 설계되었으며, 그러나 React 프레임워크와의 쉬운 통합을 위해 즉시 사용 가능한 바인딩을 제공합니다.
Lexical을 사용하려면 편집 중인 요소에 편집기의 인스턴스를 바인딩하기만 하면 됩니다. 그런 다음 편집 과정에서 명령 및 이벤트 처리를 통해 편집기의 상태를 제어할 수 있습니다. 라이브러리를 통해 사용자는 언제든지 편집기의 상태를 추적하고 상태 간의 차이 계산을 기반으로 DOM의 변경 사항을 반영할 수 있습니다.
마크업 없이 일반 텍스트를 입력하기 위한 양식을 만들 수 있을 뿐만 아니라 워드 프로세서와 유사하고 표, 이미지 및 목록 삽입, 글꼴 조작 및 텍스트 정렬 제어와 같은 기능을 제공하는 시각적 문서 편집용 인터페이스를 만들 수 있습니다.
개발자는 편집기의 동작을 무시할 수 있습니다. 또는 컨트롤러를 연결하여 비정형 기능을 구현합니다.
~ 중 Lexical에서 두드러지는 기능, 다음이 언급됩니다.
- Lexical은 편집 가능한 단일 콘텐츠 요소에 연결된 편집기 인스턴스로 구성됩니다. 편집기 상태 세트는 주어진 시간에 편집기의 현재 및 보류 상태를 나타냅니다.
- 어휘는 모든 사람을 위해 설계되었습니다. WCAG에 수립된 모범 사례를 따르며 스크린 리더 및 기타 보조 기술과 호환됩니다.
- 어휘는 최소화합니다. 사용자 인터페이스 구성 요소, 도구 모음 또는 서식 있는 텍스트 기능 및 마크다운을 직접 다루지는 않습니다. 이러한 기능에 대한 논리는 플러그인 인터페이스를 통해 포함될 수 있습니다.
라이브러리의 기본 프레임워크 최소한의 필수 구성 요소 집합을 포함합니다. 플러그인 연결을 통해 기능이 확장됩니다. 예를 들어 플러그인을 통해 추가 인터페이스 요소, 패널, WYSIWYG 모드의 시각적 편집 도구, Markdown 형식 지원 또는 목록 및 표와 같은 특정 유형의 콘텐츠 작업을 위한 구성 요소를 연결할 수 있습니다.
플러그인 형태로 자동완성 입력, 입력 데이터의 최대 크기 제한, 파일 열기 및 저장, 메모/댓글 첨부, 음성 입력 등의 기능도 제공됩니다.
마지막으로 언급할 가치가 있습니다. 현재 Lexical은 현재 개발 중입니다. API와 패키지는 매우 자주 변경될 수 있습니다. 코드는 JavaScript로 작성되었으며 MIT 라이선스에 따라 배포됩니다.
여러 시연을 준비했습니다 라이브러리의 가능성에 익숙해지고 그 중 하나를 참조할 수 있는 대화형다음 링크에서 s.
그것에 대해 더 알고 싶다면 다음 링크에서 세부 사항.