Merge tag UI in text editor

Is there a way to create a merge tag (e.g., the green tags in the image below) that the user can add to or delete from a text editor? The tag’s content could then be added dynamically- I’m more interested in the UI here. To my knowledge the rich text editor does not have this capability but I wanted to see if anyone had a workaround for something similar.

I’m not sure if this “workaround” will work for you, but maybe it would help. When we run into this scenario we actually just have a list of tags that we put in double braces (e.g. {{send_date}} , {{contact_name}}.

In your workflow you simply use Bubble’s find & replace function to replace the tokens with whatever dynamic values you want to use. In terms of the tokens displaying in a user friendly way, you would probably need to use a RTE plugin of some sort for that.

1 Like

You will use JS on click to place the content.

1 Like

I’m not sure if this “workaround” will work for you, but maybe it would help. When we run into this scenario we actually just have a list of tags that we put in double braces (e.g. {{send_date}} , {{contact_name}}. In your workflow you simply use Bubble’s find & replace function to replace the tokens with whatever dynamic values you want to use. In terms of the tokens displaying in a user friendly way, you would probably need to use a RTE plugin of some sort for that.

Clever idea, @bubble.trouble. I like it.

You will use JS on click to place the content.

@chris.williamson1996 One button per merge field + Toolbox JS onclick + styling. Probably would have to extend Quill to allow users to click the tags to delete (I’m using Bubble’s RTE). Maybe I should try your plugin.

It works with any plug-in or input, create an option set or data type with tags and put in a repeating group. On click run JS to place text at caret.

1 Like