[New Plugin] Bdk Text Editor

Hello Bubblers,

We have a new addition to the Bubble Developer Kit :smiley:

Bdk Text Editor: A better & rich text editor for your users to create content that includes formatting, alignment, embedded links, images and videos among other things.

Also includes an ā€˜Air modeā€™ for a very visually appealing inline toolbar. Enable your users to create content just like LinkedIn, Slack, Salesforce and Vox media.

Priced the same as all plugins in the Bubble Developer Kit at $4/month.

Happy Bubbling!
Cheers,
Gaurav

11 Likes

Does it allow pasting images from clipboard?

Hmm havenā€™t tried it out yet. Wanna try it in the demo? If not, I will at it to feature requests :smiley:

Just tried. Trying to paste an image (like you can on Bubble forum) doesnā€™t work.

2 Likes

Also adding the ability to @tag from a specified table(s) would be nice. :wink:

Example:
image

3 Likes

Noted both feature requests here :slight_smile:

1 Like

Can we define a min-height? I would like the editor text to show about 5 rows.

This is how it shows on load.

I would like it to look like this.

2 Likes

Good point. Iā€™ll add this to the list and prioritize it :slight_smile:

2 Likes

Thank you so much for this plugin, @gaurav! :smiley: Is there a way that I can set the text editorā€™s font to be one of my appā€™s custom fonts? Or if not directly in the text editor, do you know how I could change the font to my appā€™s custom font in the HTML element? I tried a few things but canā€™t seem to get it. No worries if not!

Hi @fayewatson,
Iā€™ll look into adding more fonts :smiley: added it in the feature request section. Any specific one youā€™re interested in?

1 Like

Thank you so much! :smiley: The font I have is called ā€œAvertaā€ (Itā€™s a paid font though so it may not be possible to add)?

Nice new features! thanks.

Feature update complete:
Added Auto-grow mode. Upgrade the plugin :smiley:

4 Likes

So there are 2 use cases here:

  1. Pasting an image which resides on a existing server. E.g. Go to google, search for a image and copy image.
  2. Pasting an image which is not stored anywhere. E.g. your taking a screenshot from your desktop. This requires uploading image to a server e.g. your bubble app or a s3 bucket

The first one is already supported. Try it out :smiley:

The second one is tricky since currently you cant directly upload stuff to your bubble app aws bucket. Iā€™ll look into ways for working around this

4 Likes

Yeah, use case 2 is the one I would need. Thanks for trying to support it!

@gaurav is it possible to have the read-only mode not show the editor menu? I could workaround the limitation if I was able to set ā€œair modeā€ in workflow.

Instead of this read-only mode:

I would like this as the read-only mode (this is how the system shows in ā€œair modeā€):

You can turn on the read only and air mode both simultaneously. Thatā€™s what youā€™re looking for

I meant through an action. Thereā€™s only ā€œtoggle read-only modeā€ in the workflow actions.

I want a person to be able to click a button to switch from ā€œread-onlyā€ to ā€œedit modeā€. If I have ā€œair modeā€ pre-selected, then when I trigger the ā€œtoggle read-onlyā€ from true to false, I do not see the editor menu, so I need a way to turn on/off air mode at the same time.

image

@gaurav I am having trouble setting the initial content. I tried to do it through a workflow and through the Texteditors option to set it and it doesnā€™t seem to work. Any ideas what I should do?

Screenshots of what I did:
First I tried this:

Then deleted the above and tried this in a workflow:
28%20PM

**Got the solution to my question above: I was passing HTML content into Rich Content. So it didnā€™t display. Changed it to HTML and it works.