Yes! I am of course not sure how your application looks and where you are pulling the initial data from but of you replace that with the initial data from the demo I send you should get the same result! Also make sure you are on the latest version of the plugin
I see, I think I can also add some custom css to the plugin that will change the cursor the same way as it changes hovering standard inputs. I will put that on my list as I think that is a good UX improvement!
I plan to use your plugin for my users to write some long scripts with autobiding. However, thereās a Bubble native limitation in autobinding that it only saves to the database when the user clicks out of the focused input. This is terrible for my use case - many users already lost a lot of work.
The native Rich Text Input from Bubble has a feature called āenable Autosaveā that solves completely my problem. It updates the database ~3 seconds after the user stops typing - even if the input is still focused. It works really well.
Do you see a way to do something like this using your plugin?
Updating the data on focus-out event is actually a pretty standard practice, how are your users exactly losing data because of that? Would love to understand how this happens so I can improve the autobinding behavior!
It turns out that my users usually stay writing during long sessions. They do not focus-out the input very often - this specific page is a replica of the Google Docs page. It does not even have many other elements to āfocus-outā.
Given that, as the work is not saved very often, any external reason like closing the tab, internet connection issues or turning the device off can possibly make them lose their work.
As I mentioned, Iāve been able to workaround this with the plugin I mentioned above, but I would love to be able to use your plugin to offer a much better writing experience for my users without taking the risk of them losing their long session works.
@gabriel.guilhem I see! As autobinding is a very complicated feature, it will take some time to improve this, but I will put it on my list! A work around could be is for you to implement logic that saves the editor content every ~10 seconds to a different data type, e.g. called āsave pointā, that way you always have a backup of the editor content for the user. When you load the document you can do a quick check if the data from the save point is different from the data you have saved using autobinding. If that is the case you use the data from your save point. Does that help?
Hey @Thimo ! Seeing a weird issue with the tagging feature. See the loom below. I am trying this on my user database as a test, but I donāt see why it is inserting so many weird gaps:
When looking at the json it seems to want to make a span for every idā¦
HI- I am getting an error with this great pluginā¦
The plugin Modern Rich Text Editor (Editor.js) / action Display Data (JSON) a Modern Rich Text Editor threw the following error: anonymous@ @https://[redacted].bubbleapps.io/package/run_js/fb6ea531fa4355d304ae1c7c3bf1222c91cb3ea23dcd09affe61744850950db5/xfalse/x28/run.js:264:676
run_with_error@https://[redacted].bubbleapps.io/package/run_js/fb6ea531fa4355d304ae1c7c3bf1222c91cb3ea23dcd09affe61744850950db5/xfalse/x28/run.js:266:70 (please report this to the plugin author).
It is happening when I am trying to use the display plain text workflow action.
Looking at the error it is not really clear to me what is happening. Just to check, are you sure you are only running the workflow action when the Text Editor is loaded and visible on the page? You can check if the text editor is loaded by the āis loadedā state on the text editor element
Hem, okay, so right now the workflow action triggers on opening the popup that has the element in it, but you suggest it triggers on the isloaded of the element instead? I can give that a try if that is what you mean.
Yes that is exactly what I mean. It will look something like this (keep in mind the is loaded state is only set once when the element is loaded): Texteditordemo | Bubble Editor
Okay, thanks for your guidanace⦠this worked. The element is set to initially show JSON data. I had a condition that if JSON was empty to show plain text but had to remove that since it over-rode the workflow.
Sorry if this has been posted above and I missed it, however Iāve run into some oddities while trying to implement an inline version as shown in your demo example. Iām using it in a slightly out of the box use case for a rich comments section, using read-only mode for the posted comments.
Issue 1: Although Iāve set Bottom padding to 0 in the plugin options, Iām still getting padding applied to the top and bottom of the field:
I couldnāt seem to find any top padding switch, and itās quite odd to me that this is 5.6px padding as it makes it hard for me to offset it pixel perfect in my design to compensate. Is there a way to completely remove this?
Issue 2: I am using Bubbleās experimental keyboard/mouse shortcut plugin that binds workflows to keys, it has a checkbox that allows me to ignore those bindings when a native Bubble input is focused.
Itās not a surprise that it doesnāt work with this plugin, however I noticed that the plugin provides an Is Focused? state in the conditions window, but I canāt access this as an event in the workflow editor⦠If I could access this Iād be able to set a custom state to manually unbind those keys to enable proper editing using this plugin. Is this something you could provide?
This is actually a different padding. This is a block based text editor so every block has its own padding for proper spacing. This should always be the same. As you can imagine, we need this padding if we have multiple blocks showing for proper spacing between blocks (:
You should be able to use the ādo when condition is trueā workflow event for this focused state to trigger workflows
Right that makes sense. Iāll deal with it via spacing other elements - no biggie.
And yes, I had a brainwave and tried that above, but it doesnāt work in my case and still rejects the input of those keys. Itās probably more to do with the Bubble plugin than this plugin I suspect.
Can you please provide a way to turn off captions for images in editing and read-only modes? My use case doesnāt require them and they add a lot of vertical height to the input and make some UI elements look odd as you can see here:
Notice the white space below the image, and the lack of whitespace in the image within the embedded image with just text.
Also on this point, images cannot be deleted via backspace which is a problem for inline setups like mine that donāt provide the user with access to the ātuningā menuās delete button. Is there a way around this? For now I just have a clear button for the entire field which is less than ideal as it clears everything, not just the image in question.
@tmxl Thanks for flagging these improvements! After looking into it, I have implemented a way to hide the image caption fields! Also, I added the option (which is enabled by default) for images to be deleted on backspace. Definitely a good UX improvement! You updater to 1.93.0 to check out these new features!
PS: If you have not already, I would also recommend to add some padding as a new block will be added when the text editor is clicked. Should improve the UX even more: