Giters

TypeCellOS / BlockNote

A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap.

Home Page:https://www.blocknotejs.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Programmable Visibility for Format Toolbar

laflechaenelaire opened this issue · comments

commented

Currently, there is no way to control the visibility state of the format toolbar in Blocknotejs. This becomes a problem in situations where we have a custom formatting toolbar with a button, which, when clicked, displays a control component that needs to have focus on an input or a textarea, or the new component no longer needs the toolbar to be present for UI/UX reasons

I would like for Blocknotejs to offer an option to programmatically control the visibility of the format toolbar.

Here, I present a use case in which I have a custom formatting toolbar, with an AI-style button, similar to Notion. It can be seen how the custom formatting tool blocks the command component.

2024-04-02_02-09-22.mp4

In this case, it would be appropriate to hide the custom formatting toolbar once the AI button has been clicked and the command component rendered.

commented

Makes sense! Awesome work on the editor btw, would love to learn more about what you're building.

I hope to look into this, thanks for reporting

commented

Hi, i've been encoutering the same issue with a same approach. Using a popup such as AI-Notion style or whatever makes the toolbar very annoying, i found some workaround, by tweaking the CSS styles of the toolbar but it might not be the best way to do that, i would love to have a function to direcly toggle / display the toolbar does it still in WIP ?