Neonity2020 / H-rise

📝 基于 Electron、Vue、Vditor,所构建的在线 Markdown 编辑器,支持绘制流程图、甘特图、时序图、任务列表、echarts 图表、五线谱,以及 PPT 预览、视频音频解析、HTML 自动转换为 Markdown 等功能。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

📝 基于 VueVditor,所构建的在线 Markdown 编辑器,支持绘制流程图、甘特图、时序图、任务列表、echarts 图表、五线谱,以及 PPT 预览、视频音频解析、HTML 自动转换为 Markdown 等功能。

背景初衷

早期就有关注到由黑客派所出品的 Vditor:一款为未来而构建的下一代 Markdown 编辑器。然,现而今市面上所存在的 Markdown 编辑器,或多或少都存在一些问题(或功能不全,或高级功能收费...),因此基于自身所需,加之 Vditor 的强大,就诞生了做一款在线/离线 Markdown 编辑器 的念头;取其名曰 H•rise(汉*日出)

一直在用Typero进行 markdown的编写,突然有一天收费了?我常用的功能就是编辑以及保存,很少用到高级功能,遂自己开发一个自己够用的PC端文本编辑器就又可以看到日出了,所以起名叫《汉*日出》,在己用的同时想要更好的服务于大家,所以大家在使用过程中,有什么不爽的地方尽可提交问题,我们将在后续版本支持。

功能支持

  • 🎉 通常 Markdown 解析器自带的基本功能;
  • 🍀 支持流程图甘特图时序图任务列表
  • 🏁 支持粘贴 HTML 自动转换为 Markdown;
  • 💃🏻 支持插入原生 Emoji、设置常用表情列表;
  • 🚑 支持编辑内容保存本地存储,防止意外丢失;
  • 📝 支持实时预览,主窗口大小拖拽,字符计数;
  • 🛠 支持常用快捷键(Tab),及代码块添加复制;
  • ✨ 支持导出携带样式的 PDF、PNG、JPEG 等;
  • ✨ 升级 Vditor,新增对 echarts 图表的支持;
  • ✨ 注入 RevealJs,增设对 PPT 预览支持;
  • 👏 支持检查并格式化 Markdown 语法,使其专业;
  • 🦑 支持五线谱、及部分站点、视频、音频解析
  • 🌟 增加对所见即所得编辑模式的支持(⌘-⇧-M);
  • 🌟 新增复制到微信公众号等周边功能;

界面预览

预览 预览1 预览2

开发规划

如何使用

清空目前 H•rise 编辑区默认文档,即可使用。

默认为所见即所得模式,可通过 ⌘-⇧-MCtrl-⇧-M)进行切换;或通过以下方式:

  • 所见即所得:⌘-⌥-7Ctrl-alt-7);
  • 即时渲染:⌘-⌥-8Ctrl-alt-8);
  • 分屏渲染:⌘-⌥-9Ctrl-alt-9);

PPT 预览

如果您用作 PPT 预览(入口在设置中),需要注意,这里暂还不能支持各种图表的渲染;您可以使用 --- 来定义水平方向上幻灯片,用 -- 来定义垂直幻灯片;更多设定可以参见 RevealJs 文档

作者信息

  1. 作者:张迎乐 (Allan)
  2. 邮箱:yingle1991@163.com
  3. 微信:AllanJhon_ZYL
  4. 博客:日常记录分享
  5. 公众号:乐子侃生活

如何开发

# 🎉 克隆项目
git clone https://github.com/yingle1991/H-rise.git
cd H-rise

# ➕ 安装依赖(跳过安装 )
env PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true yarn

# 🚧 开始开发
npm run electron:serve

# 🚀 打包
npm run electron:build

关于本应用构建:因采用 prerender-spa-plugin 以解决 SPA SEO 问题,故而,您需要在根目录下创建 H•rise.config.js,根据 H•rise.config.sample.js 中示例格式,来设定 executablePath 参数,从而指定插件中捆绑的 Chromium 所在目录,使得 prerender-spa-plugin 可以正常工作。更多详情,可以参见 Puppeteer 安装注意事项

特别鸣谢

H•rise 的产生,得益于 vditor:一款浏览器端的 Md 编辑器,同时也离不开 vue、reveal.js 等开源库的支持,感谢 🙌。

💖支持这个项目

如果你正在使用这个项目并感觉良好,或只是想要支持我继续开发,你可以通过如下任意 方式支持我:

  1. Star 并 分享这个项目 🚀
  2. 关注公众号乐子侃生活,回复学习资源,可获取 学习资源
  1. 通过以下二维码 一次性捐款。 我多半会买一杯 咖啡 茶。:tea:

谢谢! ❤️

微信赞赏 微信 支付宝
赞赏码 Wechat QRcode Alipay QRcode

相关链接

乐子侃生活是本人对开发生活中各种有趣的、好玩的、沙雕的创意和想法以在线小网站或者文章的形式表达出来,比如:

还有更多好玩的等你去探索吧~

License

MIT

Copyright (c) 2022-present, Allan Jhon.

About

📝 基于 Electron、Vue、Vditor,所构建的在线 Markdown 编辑器,支持绘制流程图、甘特图、时序图、任务列表、echarts 图表、五线谱,以及 PPT 预览、视频音频解析、HTML 自动转换为 Markdown 等功能。

License:MIT License


Languages

Language:CSS 88.6%Language:JavaScript 6.6%Language:Vue 3.8%Language:Less 0.5%Language:HTML 0.4%Language:Shell 0.1%