facebook/lexical

어떤 프로젝트인가요?

핵심 기능

• 01UI 프레임워크에 종속되지 않는 코어와 공식 React 바인딩
• 02기본 실행 취소와 다시 실행을 지원하는 불변 상태 모델
• 03확장 지점을 제공하는 플러그인 기반 아키텍처
• 04JSON, Markdown, HTML 형식의 가져오기 및 내보내기
• 05Yjs 통합을 통한 실시간 공동 작업
• 06타입 정의를 포함한 TypeScript로 작성

활용 사례

• React 애플리케이션에 리치 텍스트 에디터 추가
• 사용자 정의 노드 유형을 갖춘 에디터 구축
• 웹 앱에서 실시간 공동 편집 지원
• 에디터 콘텐츠를 HTML, Markdown, JSON 간에 변환

빠른 시작

1. 1

   React 바인딩과 함께 Lexical을 설치합니다

   npm install lexical @lexical/react
2. 2

   README의 React 예제에 나온 것처럼 LexicalComposer와 content editable 플러그인을 사용해 에디터를 만듭니다

사용 전 알아둘 점

• !브라우저 지원은 Chrome 86+, Firefox 115+, Safari 15+와 같은 최신 버전으로 제한됩니다.

토픽

자주 묻는 질문

lexical은(는) 무엇인가요?

Meta의 확장 가능한 텍스트 에디터 프레임워크로, UI 프레임워크에 종속되지 않는 코어와 공식 React 바인딩을 제공합니다. Lexical은 웹 애플리케이션에서 맞춤형 편집 환경을 구축하기 위한 텍스트 에디터 프레임워크입니다. 코어는 UI 프레임워크와 독립적이며, 플러그인 기반 아키텍처를 통해 동작과 사용자 정의 노드 유형을 추가할 수 있고 공식 React 바인딩도 제공합니다.

lexical은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

lexical은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

lexical은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. lexical의 마지막 커밋은 2026년 10월 21일입니다.

lexical은(는) 어디에 사용할 수 있나요?

React 애플리케이션에 리치 텍스트 에디터 추가 사용자 정의 노드 유형을 갖춘 에디터 구축 웹 앱에서 실시간 공동 편집 지원 에디터 콘텐츠를 HTML, Markdown, JSON 간에 변환

lexical는 어떻게 설치하나요?

React 바인딩과 함께 Lexical을 설치합니다: npm install lexical @lexical/react README의 React 예제에 나온 것처럼 LexicalComposer와 content editable 플러그인을 사용해 에디터를 만듭니다

lexical은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/facebook/lexical