Rich text editor like bubble implementation

Need help
1

My repeating group fields are in need of a rich text editor, but the bubble version cannot be hidden until clicked. I like how bubble on the editor has a little phrase you click to have the rich text editor pop up. Is that concept something I can implement into my app?

2

Hey!

Ya, I think what I would do is have a text that says text editor and maybe show the text editor in a popup or something, that would be the simplest way to do it I think. Would that work for what you are doing?

Want to learn more for free?

:clock4: NoCodeMinute on YouTube :grin:

3

Ya exactly. Im thinking like this one.

@peng.o Why was this not able to be done again?

33
332928Ă—1856 673 KB
36
362928Ă—1856 504 KB

4

This is definitely possible. I do this in one of my apps. The important thing is to make sure the pop-up has a data type, and you pass “current cell’s thing” to the popup so it knows where to save the text from the editor.

5

Not sure if it would be ok, but I would love to see how you implemented it on your app. Are you willing to share? :slight_smile:

@peng.o lets take a look at this and see if its a viable route.

6

I can record a short clip illustrating how I did it, but honestly, the steps I outlined in the post above is exactly what I did. I’m not going to be in a place where I can do this for another 8 hours or so, so if you try the steps above, it should only take about 3 minutes to implement.

7

I’m out as well so I’ll take the recording haha. No rush! Thank you so much.

8

I would want the rich text editor to be able to work with the “right” column fields. So each one would have the little text allowing the pop up right?

55
551892Ă—1418 232 KB

9

Yes, that’s how I implemented. However, quick question: Are those “multi-line” input fields on the right? If so, they will not display rich text. They will display html (or bb-code, can’t remember which) that gets generated from the rich text editor.

You’ll likely need to make those a text field, not an input.

10

Do you mean something like this?

Mollie%20Payments
Mollie%20Payments1366Ă—635 14.4 KB

If so, you could use a free rich text editor plugin (Trix editor), an input element. See demo HERE

1 Like
11

Ah yes they are multi line inputs. Because the user needs to be able to add in text there.

12

Then this approach won’t work, you’ll likely need a plugin input element or HTML to pull this off the way you want to. I’m 99% sure the native bubble input element won’t render the rich text the way you’re looking for.

1 Like
13

This topic was automatically closed after 70 days. New replies are no longer allowed.