https://github.com/masnormen/noshon
A Notion-inspired rich-text editor, powered by Next.js, Tailwind CSS, and Slate.js.
https://github.com/masnormen/noshon
editor notes-app notion rich-text-editor slatejs
Last synced: 19 days ago
JSON representation
A Notion-inspired rich-text editor, powered by Next.js, Tailwind CSS, and Slate.js.
- Host: GitHub
- URL: https://github.com/masnormen/noshon
- Owner: masnormen
- Created: 2023-01-17T14:39:19.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-25T17:09:53.000Z (about 2 years ago)
- Last Synced: 2024-05-15T15:35:45.860Z (12 months ago)
- Topics: editor, notes-app, notion, rich-text-editor, slatejs
- Language: TypeScript
- Homepage: https://noshon.vercel.app
- Size: 84 KB
- Stars: 14
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Noshon
> The all-in-one rich-text editor 🚀
In this project, I tried to replicate some feature that is available in Notion, an amazing productivity and note-taking app.
## Features
| 
| 
| 
|
| :-----------------------------------------------: | :-----------------------------------------------: | :-----------------------------------------------: |
| Markup editing | Block editing | Image inserting (pasting URL)
- ✍️ Basic markups (bold, italic, underline, strikethrough, code snippet)
- 📄 Basic blocks (heading blocks, code blocks, quote, todos, divider)
- 🖼️ Image support (insert image by pasting the source URL 🔗 or drag them to the editor)
- 🖌️ Floating toolbar (highlight a text or click the "..." button on the side)
- ⌨️ Keyboard shortcuts (hover on the buttons on floating toolbar to discover the shortcuts)
## Tech Stack
This project is proudly built in TypeScript using Next.js, Tailwind CSS, Zustand, and a bunch of Slate.js (it's an amazing customizable framework for building rich text editors, check it out 🙌)
## About
Created by Nourman Hajar (masnormen)
https://nourman.id/
https://github.com/masnormen
