BlockNote
BlockNote copied to clipboard
A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap.
After converting the html string with the style attribute into a block and inserting it into the editor, the editor failed to recognize the style. Please see example [Codesandbox](https://codesandbox.io/p/devbox/cocky-rain-v26nqd?file=%2Fsrc%2FApp.tsx&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cls8qfvly0007356l6eb0vekg%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cls8qfvly0002356lqm4df2kh%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cls8qfvly0005356lceomwqjp%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cls8qfvly0006356lx97hlzv0%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cls8qfvly0002356lqm4df2kh%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cls8qfvlx0001356lkbbrdxbp%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FREADME.md%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522cls9zg5uq0002356lufd0uqg3%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.tsx%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522cls8qfvly0002356lqm4df2kh%2522%252C%2522activeTabId%2522%253A%2522cls9zg5uq0002356lufd0uqg3%2522%257D%252C%2522cls8qfvly0006356lx97hlzv0%2522%253A%257B%2522id%2522%253A%2522cls8qfvly0006356lx97hlzv0%2522%252C%2522activeTabId%2522%253A%2522clsy6q9lx008c356lv37ram78%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A43103%252C%2522id%2522%253A%2522cls8qgyvn002m356lgqcoh9lt%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%2522%257D%252C%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A5174%252C%2522id%2522%253A%2522cls8qhjmf0061356lrf94p6oi%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%2522%257D%252C%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A5173%252C%2522id%2522%253A%2522clsy6q9lx008c356lv37ram78%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522cls8qfvly0005356lceomwqjp%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cls8qfvly0003356lxynzvn6a%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%257D%252C%257B%2522id%2522%253A%2522cls8qfvly0004356lekbfe6zl%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522cls8pywte06eidyip6wqo9d2i%2522%257D%255D%252C%2522id%2522%253A%2522cls8qfvly0005356lceomwqjp%2522%252C%2522activeTabId%2522%253A%2522cls8qfvly0003356lxynzvn6a%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)
**Describe the bug** Basically, the markdown to block conversion first converts the markdown to HTML using rehype/remark, then parses that HTML into ProseMirror nodes and converts those to blocks. Seems...
**Describe the bug** When hitting enter several times on mobile devices (Android used here), there is always some indentation for each hit of enter. **To Reproduce** Use a mobile device,...
**Describe the bug** If you implement this example in the docs (https://www.blocknotejs.org/docs/side-menu#custom-side-menu) to customize the side menu it works, until you add an onBlur event to the editor: **To Reproduce**...
Hi, I would like to create a code block for my website that uses Blocknote, but when I click enter it jumps to the next line without the code block,...
Currently, keyboard shortcuts, input rules, and the block type dropdown doesn't work properly when a selection is active. The keyboard shortcuts and input rules only apply to the first block...
**Is your feature request related to a problem? Please describe.** I am working on a note editor and I would like to see if it is possible to export the...
**Describe the bug** At [Mintter](https://mintter.com) block Identity is really important. Specially because we let users create references to content inside blocks using its ID. I Notice that when I press...
**Describe the bug** https://github.com/TypeCellOS/BlockNote/assets/53898609/5193eb68-050b-4eb8-9ef3-585b8e7c97ff Version: v0.11.1 Url: https://ilgaz.medium.com/deploy-multiple-next-js-apps-on-ubuntu-with-nginx-e8081c9bb080 https://ahachat.com/help/blog/cach-lay-token-facebook