trim spade
Hi all, I made this customisable editor inspired by Medium's editor called Typr:
Typr is not only the editor - it also integrates with your user system and CMS, handling loading, creation, and auto-saving out of the box.
The site is built with Next.js and hosted on Vercel. It uses the Typr editor (built on Tiptap) which is an npm package that works with next.js.
Editor/publishing features
- React: Easily embed Typr in your React or Next.js projects.
- Publish Workflow: Configurable draft/pending/publish workflow (useful for publishers who want to review content before publishing):
- CMS Compatibile: can work with any CMS backend such a Strapi, Wordpress and custom CMS solutions.
- Save as draft/pending/publish
- If post status is publish or pending, require confirmation before overwriting published version
- Customizable UI: Offers a customizable user menu dropdown and editor navigation to match your application's design.
- Configurable Fields: You can configure the settings panel to work with any fields in your CMS.
- Admin only fields: You can hide fields from the settings panel, and the editor, if you want to use Typr as a content manager.
Using the demo site, you can also see how it can be customised!
I built this for my blogging platform, prototypr, where I need to approve posts submitted by contributors.
I thought making that part open source and reusable could help!
It's an early version and I'm still improving it along with the docs and demo app. Let me know what you think, thanks!
faint crown
