Find and replace *highlighted* text

[nemanja.rilakovic]

Hello everyone,

I have an input where the user can input some text. I would like them to be able to input for example “Hello, here is my text”

And when I display this text I would like to find all words that are “wrapped” with ** and display them in a highlited color for example, lets say red.

Similar to using **strong**tags here in this text editor. How would I catch all words wrapped within the asterisk and add color codes or other custom css to those words?

Thanks

[artemzheg]

Check this:

[Here's How] Text pattern highlighter (@ mentions, emails, URLs, etc.)

Originally posted as a reply to a forum query, I thought this might have broader appeal, so I’m posting it here as well… If you need to highlight text that matches a specific pattern when displaying it in a text element, then using Bubble’s built-in regex and BBCode support offers one approach. BBCode is just a lightweight markup language, and regex (which stands for “regular expressions”) was developed specifically for the purpose of matching patterns within strings of text.   Working examp…

[Nobi]

You can use regex pattern to extract the text and then use the find and replace function to make it highlight. You may use CSS tags

[nemanja.rilakovic]

Thanks guys! I’ll look into this!