Facebook은 텍스트 편집기를 만들기 위한 라이브러리인 Lexical을 오픈 소스로 제공했습니다.

Facebook(러시아 연방에서는 금지됨)이 Lexical JavaScript 라이브러리의 소스 코드를 공개했습니다. 이 라이브러리는 웹 사이트 및 웹 애플리케이션의 텍스트 편집을 위한 텍스트 편집기 및 고급 웹 양식을 생성하기 위한 구성 요소를 제공합니다. 도서관의 독특한 특성에는 웹 사이트에 대한 통합 용이성, 컴팩트한 디자인, 모듈성 및 스크린 리더와 같은 장애인을 위한 도구 지원이 포함됩니다. 코드는 JavaScript로 작성되었으며 MIT 라이센스에 따라 배포됩니다. 라이브러리의 기능을 익히기 위해 여러 가지 대화형 데모가 준비되었습니다.

라이브러리는 연결이 용이하도록 설계되었으며 외부 웹 프레임워크에 의존하지 않지만 동시에 React 프레임워크와의 통합을 단순화하기 위해 미리 만들어진 바인딩을 제공합니다. Lexical을 사용하려면 편집 중인 요소에 편집기 인스턴스를 바인딩하는 것만으로도 충분합니다. 그런 다음 편집 프로세스 중에 이벤트 및 명령 처리를 통해 편집기 상태를 제어할 수 있습니다. 라이브러리를 사용하면 언제든지 편집기 상태를 추적하고 상태 간의 차이 계산을 기반으로 DOM의 변경 사항을 반영할 수 있습니다.

마크업 없이 간단한 텍스트를 입력하기 위한 두 가지 양식을 모두 생성하고 워드 프로세서를 연상시키는 문서의 시각적 편집을 위한 인터페이스를 구축하고 표, 이미지 및 목록 삽입, 글꼴 조작 및 텍스트 정렬 제어와 같은 기능을 제공하는 것이 가능합니다. 개발자는 편집기의 동작을 재정의하거나 핸들러를 연결하여 비정형적인 기능을 구현할 수 있습니다.

라이브러리의 기본 프레임워크에는 최소한으로 필요한 구성요소 세트가 포함되어 있으며, 그 기능은 플러그인을 연결하여 확장됩니다. 예를 들어, 플러그인을 통해 WYSIWYG 모드의 시각적 편집을 위한 추가 인터페이스 요소, 패널, 도구, 마크다운 형식 지원 또는 목록 및 테이블과 같은 특정 유형의 콘텐츠 작업을 위한 구성 요소를 연결할 수 있습니다. 플러그인 형태로 입력 자동 완성, 입력 데이터 최대 크기 제한, 파일 열기 및 저장, 메모/설명 첨부, 음성 입력 등의 기능도 사용할 수 있습니다.

출처 : opennet.ru