notion like note taking application with blocks and bubble bar to add different elements like h1, h2, colors, highlighting, images, links with movable blocks.
I'll create a Notion-like note-taking application with blocks and a bubble bar for adding different elements. This will include movable blocks, text formatting, and support for various content types.
This Notion-like editor includes:
Multiple block types:
Block operations:
Text formatting:
The editor supports markdown-like syntax for formatting:
**bold text**
for bold text*italic text*
for italic text==highlighted text==
for highlighted text[link text](url)
for linksYou can extend this with more block types and formatting options as needed!
okay, good but each block side is very big (especiallyy height). I want to occupy a single text (p) line by default. and fit-content. Also I want bubble bar for each block outside.
I'll adjust the block sizing to be more compact and move the bubble bar outside each block as requested.
I've made the following changes to address your feedback:
min-h-[1.5rem]
Now each block is more compact and has its own formatting options that appear when you interact with it, making it easier to format content without having to select text first.
Okay. the problem now is that when I update the text it is not updating on that block. Secondly, when I enter text it goes way beyond the limits of the page instead of wrapping in the container. so there is no x-overflow limit. Thirdly, I want the bubble bar to be floating a little on the top of the block and only visible when the block is focused. 4th the title should be 4xl font and only the text to be change.