šŸ“ ZQ Rich Text Editor 2.0 - New Plugin From Zeroqode

Hey @ZeroqodeSupport !

Love the plugin. It’s really helping with some email and api work I’ve been doing. But, I have a couple of questions / feature requests so far.

First, it seems there isn’t a way to set a font color or background color. Am I missing something there?

Also, there’s one scenario in my app where I am turning off all tools in the toolbar and using it just like a regular input. I figured when all tools are off the tooltip/toolbar (RTE lite) just wouldn’t appear. But instead, it appears and is just empty. Possible to change that behavior?

Finally, is it possible to have a way to embed pictures? for instance if you turn off uploading but leave media turned on in the toolbar? In this situation I’d love for it to work similar to the video option where you can provide a URL (and width, heigh or both) and have it displayed accordingly. Possible?

Thanks in advance for your help!

Hi @avern87, thanks for your message.
We kindly appreciate your feedback. :pray:

Regarding features you are looking for, some of them are already built-in.

Changing the font and background color

Unfortunately, at this moment that’s not possible, the toolbar appears when you select text. If you can, please use just a regular input element.

As well, you can adjust the size of the image inside the plugin element. See details below.

Details


We hope the above information will be useful to you and will help your development process.
If you require any further information, let us know.
Best regards,
Zeroqode Support Team.

Hey @ZeroqodeSupport

Thanks for the reply! And I appreciate the suggestions… I didn’t do a great job explaining what I’m looking for apparently… Sorry about that. Let me try again…

Specifically with background color, I was referring to the element in the Bubble editor and not to the text the user creates while using the text editor. In Bubble’s RTE, I can define a background color and have full control over the borders.

In regards to the toolbar appearing even when everything is disabled. Is it possible to add an option to disable the toolbar? Because of when and how I am disabling the input, it’s not a great user experience to dynamically switch to a completely different input. I understand how to do it, but would prefer to avoid having to use two separate inputs that switch like that.

And, I appreciate the info about sizing images… I’m assuming that applies to how big an image can be sized, but since it’s set in settings, it doesn’t seem to provide any control to the user. What I was referring to is a simpler way to embed images and control their width and heigh from the user’s side of things. Is that possible?

Hi @avern87, thanks for getting back.

We highly appreciate your shared details of the Advanced Rich Text Editor Plugin. Regarding your questions, allow us to share with your some workarounds.

We will investigate how possible it is to implement the requested feature in the nearest plugin update.
Meanwhile, you can place the ZQ RTE plugins element inside a group and define the background color for this group. Please see the details below.

Details


We will add it to the plugin backlog improvements list and investigate how feasible it is to implement the requested feature in the nearest plugin update. Once it happens - we will let you know, but, at the moment, we’re unable to provide you with an approximate time estimate since this feature request is a low priority. Thank you for understanding. :pray:

In case there will be any other plugin-related questions, please don’t hesitate to contact us, we will be glad to help.
Best regards,
Zeroqode Support Team.

hi. is it possible to disable links, images and videos?

Hello, @dpiontek
Thanks for reaching out and for your question.

Please note that you can disable any element within the RTE Bar just by unclicking the required checkbox:


As an example, you can disable Image and Video by clicking the ā€œMediaā€ search box.

Please carefully analyze our Demo editor Page for better plugin understanding :pray:

In case of any additional plugin-related questions - let us know :slightly_smiling_face:

Best regards,
Zeroqode Support Team

Thank you. Saw this but didin“t know what media includes.
So ā€œlinksā€ can be disabled by media, too? Because I dindĀ“t see any option for links in the editor demo.

Thanks again,
Daniel

Hello, @dpiontek

You are right. The ā€œMediaā€ checkbox allows you to enable\disable the Image, Video, and Link features.
Hope it will help you.

Best regards,
Zeroqode Support Team

Hi @ZeroqodeSupport

Any chance of adding This input is focused and This input isn’t focused conditions to the plugin?

Hello, @petter
Thanks for reaching out.

Please allow us to note that there is an Action ā€œFocus elementā€ Screenshot by Lightshot
You can use it instead of Condition for focusing an input :slightly_smiling_face:
In case it is not convenient for you, let us know more detail about the purpose of this condition.

Zeroqode Support Team

Thanks for getting back to me!

My aim is to set up a condition whenever the input is focused:

Hello, @petter
Thanks for the details.

Firstly, please note that the input used together with the formatting menu - represents one common element. Thus, using the condition for just input is not possible within the plugin.

As it was mentioned in our previous, you can use the ā€œFocusā€ action for this plugin:


These actions will carry out the same functionality as the above conditions :pray:

Best regards,
Zeoqode Support Team

What happened here? Did that image sizing feature get removed? I cannot see it on my latest 1.93 version. Failing that, is there any way to directly edit the HTML - a fairly common feature of these things.

Hello, @andrew.waites
Thanks for your question here.

This feature was not removed, for sure. You can find it here:


Thus, you don’t need to work directly with the HTML code of the image.

Hope it will help you.
Best regards,
Zeroqode Support Team

Hi @avern87,
We are glad to announce that we have updated our plugin and fixed the reported issues.

Update 02.03.22 - Version 1.98.0

  • has been added the possibility to resize images dynamically

Also if you uncheck all of the checkboxes in the lite version, the toolbar shouldn’t appear. Regarding the background color for the editor, since the plugin element is transparent, you can add the plugin element into a group and choose the background style for the group, in this way you can customize the color of the Advanced Rich Text Editor.
Please change the plugin version in your app to the latest one and let me know if it worked.

Best regards,
Zeroqode Support Team.

How do I find the index of and RTe’s current cursor position in order to insert text or HTML via a workflow action at that index? I see there is the update content action, which requires an index, but I cannot see where I can find the index of the cursor at its current location. The action seems to only support text and not HTML. Am I missing something?

The reason I ask is I have a dropdown that drops in parameters for a template app I am building. Currently I can only get it to drop the parameters at the end of the RTE text and not at the cursor, which is far from ideal. I would also like to be able to overwrite any selection in the RTE when the user drops down a parameter. As such the ability to get the length of the currently selected text in the RTE would be very useful along with the update content action.

Hello, @christo1
Thanks for your question.

Please note that the current plugin version does not contain the index of RTe’s current cursor position, unfortunately :pray:
Now, in the plugin element, you can find only these dynamic parameters:

We will discuss internally the possibility to add the required functionality for future plugin updates. We need to see how feasible it will be for us.

Best regards,
Zeroqode Support Team

Firstly, please note that the input used together with the formatting menu - represents one common element. Thus, using the condition for just input is not possible within the plugin.

Ah, I wasn’t aware that was a limitation when building plugins. Makes sense. Thanks for explaining it.

Is there any possibility of adding a Lost focus trigger also? Or is there another way to make that work?

Hello, @petter

Can you please explain in more detail the purpose of the ā€œLost focusā€ trigger?
Please note that you can set the condition for the Focus, like on this example:

Theoretically, is an alternative for the ā€œLost Focusā€ action, however, we will share with you more details after receiving your feedback.

Best regards,
Zeroqode Support Team

Thanks for the quick response. I mean the opposite of the below: an event that triggers whenever the ZQ/ZQ Lite loses focus: