NoteGenNOTEGEN.

Markdown 编辑器

本编辑器基于 Vditor 构建,提供强大的 Markdown 编辑功能,支持多种编辑模式和丰富的扩展语法。

编辑模式

编辑器支持三种编辑模式,可通过工具栏切换:

模式图标说明
即时渲染默认类似 Typora,输入时自动渲染,编辑与预览一体化
所见即所得切换选择像 Word 一样编辑,对 Markdown 不熟悉的用户友好
分屏预览切换选择左侧编辑、右侧预览的传统模式

提示:移动端默认使用即时渲染模式

工具栏功能

基础格式

按钮快捷键功能语法示例
撤销/重做Ctrl+Z / Ctrl+Y撤销/重做操作-
标题-插入标题## 标题
加粗Ctrl+B加粗文字**文字**
斜体Ctrl+I倾斜文字*文字*
删除线-删除线~~文字~~
分割线-插入水平线---
引用Ctrl+Shift+9引用块> 引用

列表与代码

按钮功能语法示例
无序列表项目符号列表- 项目
有序列表数字列表1. 项目
任务列表待办事项- [ ] 任务
代码块代码区域```js\ncode\n```
行内代码行内代码`code`

插入内容

按钮功能使用说明
上传上传图片/文件支持拖拽、粘贴上传
链接插入链接[文本](url)
表格插入表格支持 Markdown 表格语法

视图切换

按钮功能
编辑模式切换编辑模式
预览纯预览模式

浮动工具栏

选中文字后自动显示浮动工具栏,提供 AI 辅助功能:

功能说明
引用对选中内容添加引用格式
润色AI 润色选中的文字
擦除AI 删除冗余内容
扩写AI 扩展选中内容
朗读朗读选中文字

底部工具栏

左侧功能

功能说明
字数统计显示当前文档字数
AI 补全开关开启/关闭 AI 自动补全
复制复制 Markdown 内容
导出导出文档

右侧功能

功能说明
向量计算向量计算功能
同步同步到远程
历史记录查看编辑历史
拉取拉取远程更新

快捷键

快捷键功能
Ctrl+Z撤销
Ctrl+Y / Ctrl+Shift+Z重做
Ctrl+B加粗
Ctrl+I斜体
Ctrl+Shift+9引用
Ctrl+Enter提交/发布
Ctrl+F打开搜索
Tab接受 AI 补全
Esc取消 AI 补全

Markdown 语法

编辑器支持标准 Markdown 语法及多种扩展语法:

  • 基础格式:标题、加粗、斜体、删除线、行内代码
  • 列表:无序列表、有序列表、任务列表
  • 引用与链接:引用块、超链接、图片
  • 代码块:支持 jstspythongojavahtmlcssbashjsonsql 等多种语言高亮
  • 表格:标准 Markdown 表格
  • 数学公式:支持行内公式 $...$ 和多行公式 $$...$$
  • 图表:Mermaid 流程图、时序图、甘特图,以及 Mindmap 脑图
  • 脚注[^1] 语法
  • 表情:输入 : 触发表情补全

图片上传

支持的上传方式

  1. 拖拽上传:直接拖拽图片到编辑器
  2. 粘贴上传:复制图片后粘贴到编辑器
  3. 点击上传:点击工具栏上传按钮

图床支持

  • GitHub
  • SM.MS
  • PicGo
  • AWS S3

可在设置中配置图床服务。

大纲功能

左侧大纲面板自动显示文档结构:

  • 点击大纲跳转到对应章节
  • 支持折叠/展开
  • 跟随当前编辑位置

主题

编辑器支持亮色/暗色主题切换,主题自动跟随系统设置。

搜索功能

快捷键 Ctrl+F 打开搜索面板,支持:

  • 搜索文本
  • 替换内容
  • 大小写敏感
  • 上一个/下一个导航

自动保存

编辑器会自动保存内容到本地,防止意外丢失。

提示功能

输入触发
...继续写作(AI)
???提问(AI)