Plugin Announcement: Rich Text Editor

harris · December 2, 2020, 2:58am

This is great, thank you! Just implemented in my app

maryfox20 · December 2, 2020, 1:51pm

@sam8 — Quick question — My team is asking for Grammarly to integrate with the rich text editor (as we’re using this to send messages to our members all day every day).

As I type this right now in the forum, my Grammarly extension is kicking in and making recommendations. But when we use the RTE or even the text input in our bubble app, Grammarly doesn’t recognize it. I have no idea where to start on this but I’m guessing it’s not a huge lift.

Is this something your team has looked into? If not, can I champion it?

Boost · December 3, 2020, 3:09am

Anyone find any workarounds for “reset data?” This plugin has been around for almost a year and I still can’t reset the data? (Not reset inputs, I need the element to reset when the parent popup is hidden.)

Devop · December 20, 2020, 12:09pm

Hi @maryfox20 ,

Bubble disabled Grammarly for text inputs by adding the “data-gramm” attribute. (Probably because of this post)

A “dirty” workaround is to remove this attribute on page load with JS.
Add the following Javascript (Toolbox plugin)

For the Rich Text inputs
document.getElementById("richtext-editor-0").getElementsByClassName("ql-editor")[0].removeAttribute("data-gramm");

For Multiline inputs (Add an ID to your element)
document.getElementById("YourID").removeAttribute("data-gramm_editor");

@allenyang , I would also like to add that your last build 1.6.6 is broken, can this be fixed soon ? as I need the “undo keyboard shortcut” to work. Thanks

maryfox20 · January 1, 2021, 11:47am

thanks for the clarity! Appreciate it.

funwtp · January 2, 2021, 1:28am

Do check this one:

Data can easily be reset and many more functions are available in a native format

blake1 · January 5, 2021, 8:00pm

I’m having more issues with this plugin. It seems if you load some initial content into the editor, that content can’t really be edited. I don’t have it set on autobind or autosave, yet when I try to delete some of the initial content, it test just comes right back. Anyone else experiencing this?

blake1 · January 11, 2021, 8:54pm

@allenyang I think I’ve figured the issue out. When the RTE is set to “Extend to Fit” editing is almost impossible. When text is edited or deleted, it almost immediately goes back to the initial content. It doesn’t revert until you press enter and try and go to the next line. See the screenshot video below highlighting the issue.

https://www.awesomescreenshot.com/video/2339289?key=1776146d8ceda2f01336340d4800ca1f

allenyang · January 11, 2021, 10:20pm

Thanks for capturing this - could you file it as a bug report please?

hacker · January 12, 2021, 6:11am

Yes, @blake1 I have the same issue.

I also have a problem that doesn´t let users do a copy and paste, and when the RTE has a lot of text, it freezes and never responds.

@allenyang, I filed the reports like 3 weeks ago, hope the team can take a look.

Thanks in advance

nicolas_dap · January 18, 2021, 10:15pm

same issue than @blake1 @hacker . I also filled up a bug report the 23th of December about it.

maryfox20 · February 2, 2021, 6:32pm

@allenyang — I noticed you are doing regular pushes for the RTE. Each one has minimal notes (4 words or less) on what has been changed. Are you logging more details somewhere else?

We’re very much on Team RTE but, candidly, we find that every update that fixes one thing breaks something else.

For example, auto binding continues to be a real issue for many users in the forum and I noticed that your latest fix addresses something there but it’s not clear what you’ve updated or what it is intended to fix.

renatoasse · February 19, 2021, 1:54pm

@sam8, today I gave up on the new Rich Text Editor. After trying for several months to make it work, and updating it constantly, there are still too many bugs.

The major problem here is the copy & paste feature, it simply doesn’t work.

I’m back using Rich Text (legacy), works just fine.

KeitaroNakata · February 25, 2021, 10:18am

I want the link text appearance to be blue and underlined, but they seems to be normal text.

the preview↓

Anyone knows how to show link like text with bbcode data?

Karan_Bubble · March 7, 2021, 9:16am

Where I can find Bubble text element? I want to fox the font in rich text editor basic setting.

devin.fraze · March 25, 2021, 8:49pm

do a :find & replace or [url= for [color=#3E8ECF][url=
and a :find & replace of [/url] for [/url][/color]

akhlaqlps008 · March 29, 2021, 5:43am

can you please elaborate on using CSS as I don’t know coding.

max5 · March 29, 2021, 10:53pm

Hi Allen - will this be resolved any time soon? Thank you

allenyang · March 30, 2021, 12:39am

We’re tackling a few of the known RTE bugs currently, but in parallel with other urgent bugs as well. Thanks for your patience here.

rico.trevisan · April 6, 2021, 1:59pm

What BBCode flavor does this element use?

I’m having a hard time using the code syntax. Very unpredictable what it will do. Most of the times it hoses everything.

I tried fixing it directly on the database, but then it’s unclear what BBCode is accepted.

I got something working, but then when I used the RTE again it blew everything up.

I created a page where I’ve been troubleshooting: https://rich-text-editor-test.bubbleapps.io/version-test?debug_mode=true

The one upside for all this troubleshooting, is that I figured that I can adjust the size of an image by manipulating the BBCode directly.

[img width=50%]....[/img]