When I need to edit a Markdown document on GitHub, I want to use a beautiful editor that seamlessly handles front-matter fields and supports image uploads. That’s why I started developing my own Markdown editor for GitHub.
The current version of the editor is a functional Proof of Concept (PoC). It can display a list of Markdown files from your GitHub repository, allowing you to edit them through a basic Markdown editor.
Ideally, I want to add image uploads and an editing experience similar to GitBook.
The editor can be deployed on GitHub Pages or Cloudflare Pages. The latter is preferable since the app uses a simple Cloudflare function for GitHub authentication. If you figure out how to host it elsewhere, please let me know by opening an issue.
The original idea for the editor was inspired by the Prose.io editor. I don’t use Prose.io because its image uploader is broken, and its code is based on BackboneJS, which is outdated. I built Reprose with Jekyll and AlpineJS—both are incredibly simple, making it easy for any developer to understand the codebase. 😉
Screenshot of Finder:
Screenshot of Editor:
Features:
- Browse markdown files via Finder
- Open markdown files in Editor
- Create a new markdown file
- Preview editing markdown file in split view
- Editor buttons that insert popular markdown markup
- View and edit Front-matter markup
- Add into repository configuration file
.reprosers.yamlthat describe Front-matter fields and values for them - Setup next types of Front-matter fields:
text,multiline,select,multiselect,datetime - Delete file from repository
Thanks for using this wonderful editor. :)