[NEW PLUGIN] BlockNote (Markdown Editor)

Hi Bubblers!

I’m excited to introduce BlockNote (Markdown Editor) – a highly customizable, Notion-like markdown editor for your Bubble apps.

:magnifying_glass_tilted_left: Demo page: BlockNote (Markdown Editor)
:pencil: Editor page: tomo-plugins | Bubble Editor
:package: Plugin page: BlockNote (Markdown Editor) Plugin | Bubble

output2

With BlockNote, you can enjoy a smooth and intuitive editing experience while taking full advantage of rich markdown support, customizable blocks, and flexible styling.

Perfect for creating knowledge bases, blog content management systems, collaborative document editors, or interactive note-taking features in your Bubble apps!

:rocket: Key Features

  • Rich markdown & block-based editing
  • Customizable toggle blocks and alert blocks
  • Supports multiple block types: headings, lists, code blocks, tables, media, and more!
  • Flexible styling and theme customization
  • Intuitive slash-command interface (just type / to insert blocks!)
  • Built-in localization support
1 Like

@joaquintorroba

This seems to be related to the BlockNote plugin, so I’ve moved the conversation here.


I just tested it again on my end using another app, and I was able to retrieve the saved JSON content without any issues.

If you’re seeing (empty) for Init content (JSON) in the debugger, as shown in your screenshot, then it’s very likely that Bubble’s Privacy Rules are preventing the data from being accessed.

Here are two debugger screenshots for comparison:

:red_square: Failure caseInit content (JSON) shows (empty)

:green_square: Success case – JSON content is properly loaded

Could you check the privacy settings for the data type you’re using?
Also, if you do see the value in the debugger but it’s still not showing in the editor, please let me know — I’d be happy to look into it further!

Hi,

Great, I’ll check that now.

In the meantime, regarding your question about AI features, were you able to watch this video?

Hey @tomo.hitoma.bubble,

It seems to be another thing. I will deep dive and get back to you.
Also, is it possible that it has native “dark mode”? Yesterday night the background was black and I couldn’t find an option to change that.

UPDATE:
Hi, I think I found a lead. I got it to work but only by using “do a search for” and setting the ID manually. Here’s a short video showcasing this. Thanks!

1 Like

I checked the video — thanks for sending it!

For the AI feature, is it correct that it’s triggered from the SideMenu or Toolbar, and works per block to summarize or continue the text?

Also, regarding the initial value issue, I found that properties.autobinding seems to reference the parent element’s data even when autobinding is not set, so I’ve adjusted the logic accordingly. Could you please check?

1 Like

No worries, we’ll solve this :flexed_biceps:t3:.

  • AI feature: yes, but also to be able to send a message to an external chat.
  • I have just checked it but it didn’t change. Should I update the plugin? I didn’t find a new version of it.
1 Like

Would it be possible to write an add on for that editor so you can add and remove stuff like you can do in cursor?

Most ai stuff or editors who are changed based by the system need a function for acceptance or decline… ’
Anything in mind here (also it would be a standout feature cause there are a lot notion like editors out there)

2 Likes

Thanks for the clarification!

Regarding the AI features:

  • Integrating functions like summarizing text, continuing writing, or sending messages to external chats sounds like a great direction.
  • Since BlockNote doesn’t include built-in AI capabilities, this functionality would need to be built from scratch.
  • I’m planning to look into how editors like Notion AI handle similar workflows to find the best UX and technical approach.

About the initial value issue:

  • I’ve pushed a fix to the plugin that should address the content updating problem.
  • It was caused by the content not refreshing correctly when switching between records in the same editor instance.
  • Please try updating to the latest version and let me know if the issue persists.

Let me know if you have any other questions or suggestions!

1 Like

Thank you for the great idea! As you said, having AI-assisted features like those in Cursor or Notion AI would definitely help the editor stand out.

BlockNote itself doesn’t have built-in AI functionality, so this kind of feature would need to be implemented separately. While it’s technically possible, it would take some time and effort to develop.

If you have any specific workflows or use cases in mind, I’d love to hear them—that would help us consider what kinds of features would be most useful!


For me a yes and no feature would be most important we could do it easyly through an highlight and accept and delete function where you just give the text an id and then it deletes the yes or no area based on selection.

The other one is to show dynamic focus group based on hover - but i think there is a workaround you can trigger with bubble if “text is marked” function is there.. like this with add to chat and edit:

The other one would be way more important cause it helps with ai add ins and would make it a standalone for new writing tools (plus easy to add i think)

2 Likes

This is a great idea!

:folded_hands:t3::heart:

1 Like