Verbum用于 React 的灵活文本编辑器

联合创作 · 2023-09-30 16:09

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

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报