[New Plugin] Bdk Text Editor

[gaurav]

Yep this is the same thing as my suggestion above, but with the html format. Was just here to suggest the alternative And you had already figured it out!

[leehaber]

Thanks @gaurav! Is there any way to change the line-height of the text editor? I’m trying to make it as seamless as possible with the normal Bubble text display.

Also any way to reduce the padding?

[leehaber]

Hi @gaurav, I identified another issue. Apparently, I can change read-only mode through a conditional statement. I tried it and it’s not working.

Just wanted to let you know so you make this plugin better.

[leehaber]

Yeah I’ll try to incorporate that in future. Btw you can do this exact same thing via bubble’s ‘Do when workflow too’. Simply set Do when (every time) text editor’s value is not empty. That workflow will run on every change in content (same as autobinding). Infact this might put less load on your bubble app than autobinding

I’m trying to do this but when I go into the Workflow Editor but I can’t find the bdkeditor. I will note the bdkeditor is placed in a repeating group.

[joe5]

hey @gaurav - I have an input inside the repeating group. Is there a way that I can set the content on a condition with workflows at all? Or, is it possible to set the content on the conditional just on the input itself? Setting “Initial Content” on the conditional is easy, but of course that only happens once.

[leehaber]

I would find something like this useful as well. I’ve found myself unable to access objects in repeating groups including this editor.

It would be nice too if there was a “If this input’s value changes” event.

[gaurav]

Hi @joe5 @leehaber,
So the way bubble’s repeating groups work, it won’t allow you to select an element in a cell from an action outside the cell… You can however use the workflows if the triggering event is from an element that’s also in the cell (this way bubble knows which cell you’re targeting).

The list of elements in the dropdown (in screenshot provided by @joe5) is populated by bubble editor

[maurice]

Hi @gaurav

I might have found a little bug with the @mentions.

When you insert the ‘@’ and then try to scroll the options, it scrolls the whole page instead of the dropdown. It looks like it’s trying to scroll - but is blocked.

The BDK editor settings are set to: Air mode = yes, Auto-grow = yes, stretch to fit = yes.

If you then add a letter say @A - it then allows you to scroll. See screenrecord link: https://youtu.be/DQmc75NrQ30

[mark]

@gaurav

Btw you can do this exact same thing via bubble’s ‘Do when workflow too’. Simply set Do when (every time) text editor’s value is not empty. That workflow will run on every change in content (same as autobinding). Infact this might put less load on your bubble app than autobinding

@gaurav I can’t seem to get this to work. Is there another way to enable autosave?

[cyriltdixon]

HI @gaurav ,
Trying to setup text editor.

1. when i try and display the text, i am only seeing the text and not the @mention? am i meant to be saving the input from the text editor in a certain way to then be able to display it correctly back in the text editor?

2. how do i use the @mention to trigger a notification to the user?

3. how do i get text editor to recognise weblinks?

Thanks.

[daniel.abebe]

Hey @gaurav Thanks for the plugin!

I have an issue with the experience as a user when I edit some content in the editor. Each time I press on the Return key or use the toolbar, it scrolls to the bottom of the page. This makes it very difficult to use when writing longer blog posts. It looks like it is linked to the auto-grow function as when I switched to a static format the issue disappears.

I went through all the messages on this thread and it looks like nobody had this issue before. Can you maybe have a look?

Thank you in advance for your help!

Best,
Daniel

[oh.devteam]

Hello @daniel.abebe!

I also have this issue when responsiveness takes place.
If the responsive engine doesn’t act, then the issue is not present.

Thanks for pointing it out, I would have posted here, but now we are +1

Waiting for @gaurav to check it in!

Thank you

[gaurav]

@mark

@gaurav I can’t seem to get this to work. Is there another way to enable autosave?

Hmm another way is to just tweak it a little bit…

1. Create a custom state in the editor e.g. ‘last saved content’ of type text
2. Create ‘Do when’ editor’s value is not editors’ last saved content everytime → Step #3 below
3. Set editor’s last saved content to editor’s value, and any other steps you want to (e.g. save in database)

[gaurav]

Hi @cyriltdixon,

@cyriltdixon

when i try and display the text, i am only seeing the text and not the @mention? am i meant to be saving the input from the text editor in a certain way to then be able to display it correctly back in the text editor?

So plain text format will not display mention as mentions are not plain text elements. You should use editor’s rich content (or html if you prefer that) to save & display content in editor

@cyriltdixon

• how do i use the @mention to trigger a notification to the user?

You can use bubble’s ‘Do when’ action with ‘every time’ and condition mentions list is not empty. That will run this workflow every time the list of mentions changes

@cyriltdixon

1. how do i get text editor to recognise weblinks?

Did you mean auto-detect links? Not supported auto-detection at the moment. Links have to be added via the toolbar link element

[gaurav]

@oh.devteam

I also have this issue when responsiveness takes place.
If the responsive engine doesn’t act, then the issue is not present.

Thanks for pointing it out, I would have posted here, but now we are +1

Waiting for @gaurav to check it in!

@daniel.abebe

Yep so there’s a incompatibility in a couple of specific configurations b/w quill’s library and inlining HTMLs (i.e. not using CSS). The benefit of inlining html is you can use the content directly outside their bubble app as an email template / other places without any css. The downside are these edge cases.

Now one option is I switch to using html which require’s the stylesheet to be present too. I’m just worried about this impacting customers who are using the html output as content outside the bubble app. Its’ a bit of tricky decision since people use the plugin for a variety of use cases. Hence haven’t rolled out an update till now. Currently looking into solutions if its’ possible for me to upgrade the plugin without a breaking change / give some sort of a workflow-step driven workaround.

[daniel.abebe]

Hey @gaurav

Thank you for your quick reply, really appreciate.

I understand your concern, I switched the format to static for now (no stretch to fit or auto-grow). It would be great if you could come up with a solution (maybe a new plugin while keeping the legacy active?). Don’t want to be too pushy as it is not a killer criteria right now but my client would definitely appreciate it.

Thanks again for your help and great plugin!

Cheers,
Daniel

[mark]

Thanks @gaurav

Also, when in air-mode, users are unable to click links unless the editor is read only. Any changes coming to that?

[crescatcorp]

@gaurav

Yeah I’ll try to incorporate that in future. Btw you can do this exact same thing via bubble’s ‘Do when workflow too’. Simply set Do when (every time) text editor’s value is not empty. That workflow will run on every change in content (same as autobinding). Infact this might put less load on your bubble app than autobinding

Hi @gaurav,

This solution doesn’t actually do anything. Do you have an idea of when you’ll be able to implement autobinding? Is there something we can do to support you doing that? Yours is the best rich text editor on here but having to include a “save” button for every instance really impacts UX

[gaurav]

@crescatcorp

This solution doesn’t actually do anything

Here’s a quick demo and link to the editor for the demo

You can use similar approach to detect when a mention has been added / removed etc.

@crescatcorp

Do you have an idea of when you’ll be able to implement autobinding? Is there something we can do to support you doing that?

I’ll look into it in the next update. Right now there’s a ‘jumping action’ bug in a specific usecase that I’m trying to resolve actually as a higher priority.

[leehaber]

The editor stopped working.

Did anybody else encounter this issue?