Verbum用于 React 的灵活文本编辑器
Verbum 是一个相当灵活的富文本编辑器,基于 lexical-playground 和 lexical 框架。值得注意的是,由于 Lexical 框架目前尚处于早期开发阶段,因此这个组件库也可能会经常变化。
Installation
npm install verbum --save
Demo
Usage
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;
未来的计划
- 测试覆盖率
- 以 JSON 格式以编程方式访问编辑器输入
- Localization
- 具有不同选项(MUI、Bootstrap 等)的现成模板
- Dark/Light 模式
- 自定义样式灵活性
- 拆卸所有工具栏以将它们用作嵌套组件,增加灵活性
- 以编程方式启用调整编辑器设置,例如只读模式等
评论