水墨-在线 Markdown 编辑器

水墨-在线 Markdown 编辑器

基于 Spring-boot、FreeMarker、layui、Vditor 构建的一款在线 所见即所得的 Markdown 编辑器。水墨-在线 Markdown 编辑器。本人使用 Vditor 编辑器时日已久，眼看着其功能日益强大，特此基于 Vditor 构建一款 Web 编辑器，愿为天下文人墨客贡献微不足道的力量。

此项目正在陆续开源，疫情期间代码仓促，会陆续迭代优化。

ChangeLogs

• 后台代码重构
• 导出 PDF
• 03.01 fix 标题 Input 刷新页面时，div 和 header 重叠问题； fix 编辑器获取焦点时边框变色
• 02.29 支持实时搜索个人文件
• 02.16 文章详情页与文章编辑页
• 02.15 登陆，注册功能
• 02.09 技术调研，搭建项目
• 02.07 Markdown 编辑器调研

Feature Outline

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0xPTzLM3-1583076220575)(http://rna.6aiq.com/image-c463a6d64b2940f199a873737ec412fd.png “image.png”)]

✨ 编辑器特性

• 所见即所得编辑模式
• 支持任务列表、at、图表、流程图、甘特图、时序图、五线谱、多媒体、语音阅读、标题锚点渲染
• 支持快捷键操作
• 支持 Markdown 格式化， Markdown 语法树实时渲染
• 表情自动补全，设置常用表情，支持表情自定义
• 自定义工具栏按钮、提示、插入字符、快捷键，支持工具栏添加按钮
• 可使用拖拽、剪切板粘贴上传，显示实时上传进度，支持 CORS 跨域上传
• 实时保存内容，防止意外丢失
• 录音支持，用户可直接发布语音
• 粘贴 HTML 自动转换为 Markdown，如粘贴中包含外链图片可通过指定接口上传到服务器
• 提供实时预览、滚动同步定位
• 支持主窗口大小拖拽、字符计数
• 多主题支持、内置黑白两套
• 多语言支持、内置中英文
• 支持主流浏览器和移动端

功能截图

特别鸣谢

Vditor 编辑器