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 模式
- 自定义样式灵活性
- 拆卸所有工具栏以将它们用作嵌套组件，增加灵活性
- 以编程方式启用调整编辑器设置，例如只读模式等
评论