这是一个正在开发的简易的富文本编辑器,适用于浏览器平台。
仓库中附带的 CSS 样式仅用于预览,不追求美观,不会发布到 npm 仓库,若非样式存在影响使用的问题,请勿提交与 CSS 样式有关的 issue 和 pr。
目前实现了如下功能:
- 正文、各级标题的切换
- 引用块、有序列表、无序列表、代办列表
- 超链接、加粗、下划线、斜体、删除线、内敛代码块、上标、下标、前景色、背景色
- 分割线、图像
- 橡皮擦按钮
- 代码块
- 快捷键
- 粘贴、节点拖动
等待实现的功能:
- 表情
- 表格
- 历史记录(撤回和重做)
-
shift enter
: 在当前行下方创建一个新行并将光标移动到新行中,不会将原始光标后方的内容移动到下一行 -
ctrl enter
: 在距离最近的顶层元素的下方添加一个新行,在非代码块中动作与shift
一致 -
ctrl shift enter
: 在距离最近的顶层元素的上方添加一个新行并将光标移动到新行中 -
列表结尾空行中按 enter
: 删除列表最后一行,在列表下方创建新行并将光标移动到新行 -
other
: 具体见按钮悬浮时显示的内容
- NodeJs >= 18.0.0
- npm >= 8.0.0
- 使用 git 指令克隆仓库:
git clone git@github.com:EmptyDreams/krich.git
- 在仓库根目录下启动命令提示符
- 执行
npm install
- 执行
npm install rollup -g
- 执行
rollup -c
- 在浏览器中打开
http://localhost:3000
如果 3000
与您的其它应用的端口号冲突,可以在 rollup 配置文件中修改这个端口号。
在项目根目录执行 git pull
即可更新项目,如果您不是通过 git 克隆的仓库,那么该指令很可能将无法工作。