📝 ZQ Rich Text Editor 2.0 - New Plugin From Zeroqode

Hello @vincent.l.arena,

Thank you for reaching out to us.

To better understand the problem you’re experiencing, could you please provide more details? Specifically, we would appreciate screenshots or a screencast showing how you have set up the plugin element, the associated workflow, and the repeating group (RG) where the element is located. Please make the video in step-by-step mode, and check with inspect how the values are changing in the element from the beginning.

Additionally, does the element display a different value between what you have initially set versus what is shown, or does this discrepancy occur after a specific change or action?

If you are making changes in the database and wish to reflect these in the RTE element, you can use the “Set Text/HTML” action and input the same value you have set as the initial content.

Thank you once again, and we look forward to your response.

Best regards,
Zeroqode Support Team

I have a new question about running actions on the ZQ input inside of a repeating group. Seems that if I have a workflow run on an element outside of the repeating group where the ZQ input is, then I can’t do any actions on the ZQ input? It’s not available to select in the action.

However, if the element that triggers the workflow is inside the same repeating group, only then I am able to select the ZQ input.

Any way around that?

Hello @justin28 ,

Thank you for reaching out.

Based on your description, it seems you’ve attempted to trigger an action for the RTE element inside a repeating group (RG) from outside of it. Have we understood your situation correctly?

Unfortunately, Bubble does not natively support triggering actions for elements inside a repeating group from the outside. This limitation applies to all elements, including Bubble’s native ones like the “Input” element.

We appreciate your understanding. If you have any more questions or need further assistance, please don’t hesitate to contact us.

Wishing you a fantastic week ahead!

Best regards,
Zeroqode Support Team

Yes, I assumed it was the limitation of Bubble, not the plugin.

This makes this plugin a bad fit for me as the Autobinding does not work as with native bubble inputs… since a workflow action is needed in order to change the value of the input instead of that automatically happening as you’d expect when Autobinding is selected.

Hello @justin28 ,

Thank you for your message.

The limitation occurs only when you attempt to trigger a plugin element action from outside a repeating group (RG) while the element itself is inside the RG. This applies to all elements, including native Bubble input.

Regarding the use of Autobinding with the RTE, it appears to function correctly and updates the database as expected. To illustrate this, we’ve set up a test page for you to review: zeroqode-demo-06 | Bubble Editor

Could you please check it out and let us know if it meets your needs? If you have any further questions, feel free to ask.

Best regards,
Zeroqode Support team

The updating the database does work, but updating the input’s initial content value only happens on page load or by using a workflow action… whereas the native bubble inputs all will automatically change their initial content value in the UI without a workflow action.

So in my scenario using Custom States that change the data source ZQ RTE will not update the value in the source and input. The action “update ZQ html” has to run in a workflow. Also I can’t run that outside of a repeating group (where my ZQ RTE element is) so I’m stuck not being able to update the value when using states.

Hello @justin28,

Thank you for reaching out.

Could you please provide more details, such as screenshots or screencasts, to clarify exactly what you’re trying to achieve? You mentioned previously wanting to use auto-binding with the RTE—have you had a chance to visit the test page we provided to see how the initial content is updating accordingly as you make changes in the element.

If you prefer not to use auto-binding, you might consider using the plugin’s “Stop typing” event to update the database value [image]. Could you please try this approach and let us know if it addresses your needs?

Thanks again, and we look forward to your response.

Best regards,
Zeroqode Support Team

Hi,

When I am setting the max image size to for example 500 x 500, that works in the editor. But when I load the HTML in my app, there is no limit in size.

This does happen when I resize the image inside the editor when I upload an image as a user, but as this will not always happen, this is not enough.

You would expect something like style=““cursor: nesw-resize;”” width="“500"”> in the HTML right?

1 Like

Hello @jacques ,

Thank you for reaching out to us.

Based on your message, we understand you’re encountering an issue where the output HTML lacks height and width specifications when you first upload an image. After conducting some tests, I confirmed that images uploaded without manual resizing in the element initially do not include the "style=“cursor: nesw-resize;” width=“500"” attributes, these only appear after manually resizing within the RTE editor. We have already reported this concerns to our development team for further investigation and resolution.

Could you please confirm if this describes the problem you mentioned in your previous message? If there’s anything else we’ve overlooked, do let us know. Additional details such as screenshots or screencasts showing how you set up the element and the issue’s occurrence would be very helpful.

Thank you once again and we look forward to your reply.

Best regards,
Zeroqode Support Team

That is exactly the problem!

The effect of the 500px limit is only in the editor, which is of course not what you want

1 Like

Hello @jacques ,

Thank you for your message and confirmation.

Our development team is currently working on this problem to find the best solution for it, and we will inform you promptly once it is resolved.

If you have any questions ot need any further assistance in the meantime, please do not hesitate to reach out.

Thank you again for bringing this to our attention.

Wishing you a great day ahead!

Best regards,
Zeroqode Support Team

Hello @ZeroqodeSupport,

The demo page of the plugin doesn’t work, could you help me with my question ?
In the plugin page, it says that you can make checklist/add checkboxes, but on the promotional clips I don’t see any button or options to add them within the editor. So can we add checkboxes in the editor ?

Thank you for your time !

SJ

1 Like

Hello @S-J ,

Thank you for reaching out to us.

It seems you’ve encountered the missing element issue, which occasionally appears on the Demo Pages of the plugins. We are aware of this and are currently awaiting a resolution from Bubble. Currently the live demo is working fine for you to explore.

Regarding your request, unfortunately, the Quill JS library currently used in our plugin does not support checkboxes or checklists. However, if you are interested, we can explore the possibility of integrating 3party tools that would allow these features. If you would like to proceed with requesting new features or improvements, we invite you to sponsor the development. Please complete the Sponsoring Plugin Features Form to initiate this process: Interface Form - Airtable

Additionally, you might consider exploring another RTE plugin, the Notion-like Rich Text Editor, which supports checkboxes and checklists.

We look forward to the opportunity to collaborate and better serve your needs. :pray:

Best regards,
Zeroqode Support Team

Thank you for your answer, this notion like plugin is interesting indeed !

1 Like

Hello @S-J ,

Thank you for your message and for sharing your feedback. :pray:

Absolutely, please feel free to explore the plugin further. And if you will have any questions or encounter any difficulties, don’t hesitate to contact us at any time. We’re always here to assist you.

Thank you once again, and we hope you have a wonderful day ahead! :dizzy:

Best regards,
Zeroqode Support Team

Looking to use this RTE in a chat application, but cannot figure out a way to allow for “Enter” to submit a message (i.e. - trigger a workflow event) and “Shift+Enter” to create a new line. Has anyone successfully managed something like this with this plugin?

Hi @2706mason,

Thanks for reaching out to us and the bubble users here :pray:

The plugin library currently accepts the enter key as a new line in the Rich Text Editor element. As you know from our email conversation, we’ve discussed the possibility of improving this feature, but that would require a Paid Plugin Development as simply modifying the key could cause multiple strange behaviors with the plugin.

If some users are aware of how to achieve this feature without modifying the plugin, you could try it out and see if it works as you expect!

Best regards :sunflower:

1 Like

Hi @ZeroqodeSupport
I have a performance question.
At the moment, I have dozens of RTE light elements on a page, in a RG.
I’m displaying the content in an HTML element and when the user clicks on it (and if they have the editing rights), I switch between the HTML container and the RTE.
And I reverse back when the RTE is blurred.
I would prefer for the RTE to be displayed as static ‘read-only mode’ for users who don’t have the rights and editable when a user has the rights. Would it be bad in terms of performance to display lots and lots of RTEs rather than HTML blocks ?
Thank you

1 Like

Hello @tart2000design,

Thank you for reaching out with your performance question.

Regarding your concern:

Here’s some insight that might help you decide:

  1. Performance and Simplicity:
  • Using Only Rich Text Elements: Transitioning to solely using Rich Text Elements (RTEs) can simplify your application. This means you won’t need to manage both HTML and RTE elements, reducing complexity. Bubble’s RTEs come with built-in functionalities that are easy to control with conditions, which can make your app more maintainable in the long run.

  • Performance Impact: Displaying multiple RTEs, especially in read-only mode for users without editing rights, typically doesn’t have a significant negative impact on performance. The overhead is generally minimal compared to managing separate HTML elements.

  1. Flexibility and Control:
  • Rich Text Limitations: While RTEs offer convenient features, they might be limited compared to custom HTML in terms of advanced styling or scripting.

  • Custom HTML Advantages: If you require advanced customization—like intricate CSS styles or JavaScript—you might prefer sticking with HTML elements. However, this can increase the complexity of your codebase.

  1. Maintenance:
  • Simplifying with RTEs: Using only RTEs reduces the number of elements and custom code you need to maintain. This can make debugging and future updates more straightforward.

  • Long-Term Considerations: If your application is intended for long-term use and maintenance, minimizing custom code can save time and reduce potential errors down the line.

Recommendation:

  • If the Rich Text Editor meets all your needs in both read-only and editable modes, it would be beneficial to switch entirely to RTEs. This approach simplifies your app and should not cause significant performance issues, even with numerous RTEs on a page.

  • If you find that you need more advanced customization that only HTML can provide, it might be worth retaining the HTML elements, despite the added complexity.

In Summary:

Switching to RTEs can simplify your application and make it easier to maintain without adversely affecting performance. Evaluate whether the functionalities of Bubble’s RTE suffice for your use case. If they do, transitioning away from HTML elements could be advantageous.

Hope this information will prove helpful to you, please let us know if everything is clear or if you have more questions or need further assistance!

Best regards,
Zeroqode Support Team

1 Like

Hello Zerocode,

Would I be able to use this plugin to edit a contract template and add dynamic fields which can be replaced with data from the database?
Here is an example: Dynamic fields.mov - Google Drive

If its possible, do you mind sharing how?

Thanks!