H•rise - 在线/离线 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)；
• 🌟 新增复制到微信公众号等周边功能；

界面预览

开发规划

如何使用

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

默认为所见即所得模式，可通过 ⌘-⇧-M（Ctrl-⇧-M）进行切换；或通过以下方式：

• 所见即所得：⌘-⌥-7（Ctrl-alt-7）；
• 即时渲染：⌘-⌥-8（Ctrl-alt-8）；
• 分屏渲染：⌘-⌥-9（Ctrl-alt-9）；

PPT 预览

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

作者信息

1. 作者：张迎乐 (Allan)
2. 邮箱：[email protected]
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. 关注公众号乐子侃生活，回复学习资源，可获取 学习资源

3. 通过以下二维码 一次性捐款。 我多半会买一杯 咖啡 茶。🍵

谢谢！ ❤️

微信赞赏	微信	支付宝

相关链接

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

• 小霸王游戏机
• 爱国头像生成器
• 到账语音生成器

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

License

MIT

Copyright (c) 2022-present, Allan Jhon.