All topics

How Can I Dynamically Change the Color of Text Enclosed in Asterisks in Toddle?

Leo

1 month ago
I'm working with a block of text that's rendered from an API. Within this text, certain portions are enclosed between asterisks (...). I want to make only the text between these asterisks appear in blue, while keeping the rest of the text in its default color.

Since I cannot manually wrap or modify individual parts of the text due to its structure and the way it's received from the API, how can I dynamically style just the portions between the asterisks to be blue in Toddle?
@Leo
I'm working with a block of text that's rendered from an API. Within this text, certain portions are enclosed between asterisks (...). I want to make only the text between these asterisks appear in blue, while keeping the rest of the text in its default color.

Since I cannot manually wrap or modify individual parts of the text due to its structure and the way it's received from the API, how can I dynamically style just the portions between the asterisks to be blue in Toddle?
Tom Ireland

1 month ago
Hey, Leo. What does the result look like? I have one approach that I recorded for you but probably better for me not to assume and ask you what it actually looks like; otherwise, I might send you off on a path you don't need to go. 😄
@Tom Ireland
Hey, Leo. What does the result look like? I have one approach that I recorded for you but probably better for me not to assume and ask you what it actually looks like; otherwise, I might send you off on a path you don't need to go. 😄
Leo

1 month ago
This is an example of what I need so the text is rendered from the API it will contain some asterisk I need so only the text between the asterisk (…) get a a drifferent color just like in this picture
Tom Ireland

1 month ago
@Leo - I have an example I can share with you as a video recording. There are more ways to skin a cat but it might give you an idea.
@Tom Ireland
@Leo - I have an example I can share with you as a video recording. There are more ways to skin a cat but it might give you an idea.
Leo

1 month ago
@Tom Ireland Yeah please I’m open to any suggestion
@Leo
@Tom Ireland Yeah please I’m open to any suggestion
Tom Ireland

1 month ago
Here you go, Leo! Hope it's useful.

https://www.tella.tv/video/formatting-text-with-regex-e8y6
🔥1
Leo

1 month ago
@Tom Ireland Thank you so much OMG it worked I have been stucked on this for quite some time now you are truly a HERO
@Leo
@Tom Ireland Thank you so much OMG it worked I have been stucked on this for quite some time now you are truly a HERO
Tom Ireland

1 month ago
You’re welcome! As I say, it might not be the most elegant solution and there are a few ways to skin a cat but hope it’s useful.

How Can I Dynamically Change the Color of Text Enclosed in Asterisks in Toddle?

Leo

Tom Ireland

Leo

Tom Ireland

Leo

Tom Ireland

Leo

Tom Ireland

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community