一、开源项目简介

Minditor 是一个既注重最终用户编辑体验，又注重开发者体验的块级富文本编辑器。

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

Minditor 是一个既注重最终用户编辑体验，又注重开发者体验的块级富文本编辑器。它有以下特点：

已经提供了例如图片上传、markdown 命令等重要的组件和 Plugin，并将由官方持续完善，目标默认就提供达到专业编辑工具的用户体验。

支持 InlineBlock，可在行内插入。

可以用任何框架的组件来实现编辑器的 Block/InlineBlock。

除了常见的事件和 API 外， Plugin 系统还为开发者默认提供一系列重要的 reactive state，让开发 Plugin 变得无比简单。

编辑

Copy/Paste/Cut/Redo/Undo

默认支持右键菜单和快捷键进行复制、粘贴、剪切、撤回、重做。

markdown commands

Minditor 默认提供了以下命令来实现快速编辑：

• 输入 # + 空格 来插入 Heading。# 的数量决定了 Heading 的层级

• 输入 1. + 空格来在 Heading 中插入自动序号。

• 在段首输入 - + 空格 插入无序列表。

• 在段首落输入 1. + 空格插入有序列表。

• 输入 + 加任意文字 + 插入 Inline Code。

• 在段首输入 ``` + 语言 + 空格 插入代码编辑器。

Range Tool Plugin

鼠标划词会出现悬浮工具，可以修改字体样式或者创建链接。

Insert Suggestion Plugin

输入 / 会出现下拉框，提供可插入的组件。如果在空行头部输入 /，会同时出现可插入的 Block 和 InlineBlock。

Block Tool Plugin

鼠标移动到任意 Block，左侧会出现悬浮工具，默认提供删除、复制、黏贴和可插入 Block 等工具。

更多内容请查看 README.md 文档

五、技术选型

开发

安装与初始化

npm i minditor

更多内容请查看 README.md 文档