올해까지 draft.js는 웹 기반 텍스트 편집기를 구축하기 위해 주로 사용되는 라이브러리 중 하나였으며, draft.js를 기반으로 하는 React용 구성 요소 라이브러리가 많이 있습니다. 그러나 개발팀(페이스북)은 Lexical이라는 새로운 프로젝트를 시작했기 때문에 더 이상 프로젝트가 개발되지 않는다고 발표했습니다. Lexical은 텍스트 편집기를 구축하기 위한 프레임워크이며 현재 초기 개발 중입니다. Lexical을 사용하여 서식 있는 텍스트 편집기를 사용할 준비가 된 새 구성 요소 라이브러리를 구축했습니다. 개선할 때마다 더 모듈화되고 유연하게 만들려고 노력하고 있기 때문에 매우 초기 개발 단계에 있습니다. 이 프로젝트가 고기능 텍스트 편집기를 프로젝트에 구현해야 하는 일부 스타트업에 도움이 되기를 바랍니다. 프로젝트에 대한 모든 지원(별과 같은)과 기여를 대단히 환영합니다.

ozanyurtsever / 동사

Verbum은 어휘 프레임워크를 기반으로 하는 완전히 유연한 텍스트 편집기입니다.

동사

Verbum - React를 위한 유연한 텍스트 편집기
Verbum은 lexical 프레임워크를 기반으로 하는 완전히 유연한 텍스트 편집기입니다.
⚠️ Lexical 프레임워크가 현재 초기 개발 단계에 있기 때문에 이 구성 요소 라이브러리도 꽤 자주 변경될 가능성이 있습니다.

설치

npm install verbum --save

데모

라이브 데모가 곧 제공됩니다...

용법

import { FC } from 'react';
import { EditorComposer, Editor, ToolbarPlugin } from 'verbum';

const NoteViewer: FC = () => {
  return (
    <EditorComposer>
      <Editor hashtagsEnables={true}>
        <ToolbarPlugin defaultFontSize="20px">
          <InsertDropdown enablePool={true} />
          <AlignDropdown />
        <ToolbarPlugin />
      </Editor>
    </EditorComposer>
  );
};

export default NoteViewer;

API

<Editor />
재산
유형

설명


어린이들ReactNode선택 과목ToolbarPlugin 와 같은 중첩된 자식 구성 요소입니다.

해시태그활성화됨boolean선택 과목
활성화

…

View on GitHub