Notion-style block text editor
Write notes in a Notion-style block editor — multiple files, slash commands, markdown shortcuts and embedded images, with 300 ms autosave and one-click Markdown export. Stored entirely in your browser, nothing uploaded.
What is a block text editor?
A block text editor is a writing app that treats every paragraph, heading, list item or image as its own draggable, re-typeable “block” — the same model popularised by Notion. This editor runs entirely in your browser and keeps every file in localStorage, with no account and no server round-trip.
Key features at a glance
- 12 block types: text, three heading levels, bullet and numbered lists, to-dos, quotes, dividers, code, inline images and tables.
- Slash-command menu (type
/) and markdown shortcuts:#,-,[],>,```,---. - Inline formatting anywhere — bold, italic, underline,
strikeandcodevia a selection toolbar orCtrl/Cmdshortcuts. - Editable tables with insert/delete rows & columns, per-column alignment, optional header row and reset.
- Images by upload, drag-and-drop, clipboard paste or URL — with caption, width and alignment controls.
- Multiple files in a sidebar — rename, duplicate, delete, switch instantly.
- 300 ms autosave to localStorage, Markdown / JSON export and
.mdimport.
Stays on your device
Files, images and titles are saved to your browser’s localStorage. The site never reads or uploads them.
Blocks like Notion
Headings, bullets, numbered lists, to-dos, quotes, code, dividers and images — insert via slash menu or markdown shortcuts.
Take it with you
One-click Markdown export, JSON export and .md download. Import existing markdown files too.
How the editor works
-
1
Create a file
Click New file in the sidebar. Each file has its own title and block list, all saved separately. Switch between files by clicking them in the sidebar; the active one is highlighted.
-
2
Build blocks
Type / on an empty block to open the command menu, or use markdown:
#for a heading,-for a bullet,[]for a to-do,>for a quote,```for code. -
3
Add images
Insert an image block then click the placeholder, drop an image file anywhere in the editor, or paste one from your clipboard. Images are stored inline as base64 in your browser.
-
4
Export when you’re ready
Copy as Markdown, copy as JSON, or download a
.mdfile. Need to bring something in? Use Import .md to parse a markdown file into a new document.
Frequently asked questions
Where are my files stored?
Everything lives in your browser’s localStorage under deals_editor_files and deals_editor_active. Nothing is uploaded. Clearing your browser data for this site will erase your files — export anything important as Markdown first.
What markdown shortcuts work?
At the start of an empty text block: # heading 1, ## heading 2, ### heading 3, - or * bullet, 1. numbered, [] to-do, > quote, ``` code, --- divider.
How do I insert an image?
Use the slash menu and pick Image, then click the placeholder to choose a file. You can also drag an image directly onto the editor or paste from your clipboard. Images are encoded as base64 and stored inline — keep individual images under 1 MB for snappy performance.
How does autosave work?
Every edit triggers a 300 ms debounced write to localStorage. The status chip near the title shows Saving… during the debounce and Saved once the write completes. If it ever shows Save failed you’ve hit your browser’s storage quota — remove large images or older files to free space.
Can I export my notes?
Yes — copy as Markdown, copy as JSON, or download a .md file. There’s also a small importer that parses headings, lists, to-dos (- [ ] / - [x]), quotes, code fences, images and plain text.
Is anything sent to your servers?
No. The page uses Google Analytics for page-level visit counts only — the text and images inside your documents never leave your browser.
Can I import an existing Markdown file?
Yes. Click Import .md and pick a Markdown file from your device — it’s parsed locally into a new file. The importer understands ATX headings (# / ## / ###), bullet and numbered lists, to-dos (- [ ] and - [x]), block quotes, fenced code blocks, image links and plain paragraphs. Inline formatting like **bold** stays in the text as plain Markdown.
How big can my notes be?
The editor is bound by your browser’s localStorage quota — typically around 5–10 MB per origin in Chrome, Edge, Firefox and Safari. Plain text barely makes a dent, but every embedded image is stored inline as base64, which is roughly 33% larger than the original file. The tool warns you when an image is over ~1 MB; if you ever see Save failed, delete a large image or old file to free space, then re-save.
How does this compare to Notion?
The block model, slash commands and markdown shortcuts will feel familiar. The trade-off is scope: no accounts, no cloud sync, no databases, no sharing — just files, blocks and images saved in this browser. That’s the point. If you want a quick draft a teammate will never see, draft here, then paste into the character counter to check length, or the typing test if you want to practise typing what you wrote.
All Deals.Group tools
Image compressor, PDF merger, video tools, link generators — all browser-only.
Character Counter
Word, character, reading-time and readability report for any pasted text.
Case Converter
UPPERCASE, lowercase, Title Case, camelCase, snake_case and 20+ more.
Typing Speed Test
Measure your WPM, accuracy and consistency — another in-browser tool, no signup.