RichText [TextScaled Support Added]

[0xabcdef1234]

[Update Dec-02-2020]

RichText [TextScaled Support Added]

Upcoming updates that is scheduled next week: Hi developers, thanks for your feedbacks shared within this thread. We have been updating our algorithms used for rich text and will release some improvement as well as TextScaled support approximately next week. Along with this update, we will also fix several issues including wrapping against spaces, respecting the linebreaks at the beginning of the string, etc. (* Note that this would be the last release this year so any extra features that are …

[Update Sep-17-2020]

RichText [TextScaled Support Added]

Hi developers, we are about to release this features on prod a day or two and we really appreciate your patience on this. For a better releasing experience, we sincerely hope you can follow the following rules: Avoid using it on user input if you can. Theoretically you should never allow users to freely type in richtext content and display it straightforward in front of other users without filtering the contents of string. You don’t want people freely spam huge size text or a sentence that is e…

What is RichText?

Rich text uses simple markup tags to style individual words or phrases within a single string of text. Initially, we will provide font size, color, bold, italics, underline and strikethrough.

We plan on adding additional style options in future updates.

How do I use it?

First of all, enable rich text beta feature in studio.

Enable the Beta Feature

To enable the beta feature:

• Go to File - Beta Features in studio
• Check the box before RichText Beta
• Restart studio
  

To use RichText, simply type in the string in the Text property or directly into the text object. Add tags to the part(s) of string that you want have special formatting. The format includes an opening and closing tag to mark the phrase you want to format:
<Tag> formatted text </Tag>

Next, either check the RichText checkbox or set it through lua script:
textLabel.RichText = true

You can enable/disable the RichText checkbox to toggle between the full string including tags, and the rich text formatted string. This can be useful to help find any mistakes you may have made with the tags.

Tags

Currently we support the following tags in rich text strings:

• <b>: bolds text
• <i>: italicizes text
• <u>: underlines text
• <s>: strikes through text
• <font size="size" color="color" face="faceName">: controls text size/color
  • size accepts an integer and is equivalent to the TextSize property of existing text objects
  • color accepts either a RGB triple or a hex color:
    • color="rgb(128,255,0)"
    • color="#77FF00"
  • face accepts the face name of all fonts available currently with PascalCase, e.g. SourceSans, SciFi

If a tag is not in the list of accepted tags, we will silently ignore it, to allow forwards-compatibility with additional tags.

Examples

Example 1

<b>bold text</b> <i>italic text</i> <u>underline text</u> <s>strikethrough text</s> <font color= "rgb(240, 40, 10)">red text</font> <font size="32">bigger text</font>

Sample Result 1

Example 2

<font color="#abcdef"><u> <i>italic text</i> underline text</u></font>

Sample Result 2

Nested tags are supported, as long as tags are closed in the reversed order they get opened.

Known issues

We have been aware of the following issues and we will ship fixes accordingly during the beta period.

Pending shipping bug-fixes / features:

• TextStroke does not appear when RichText is enabled.
• @nhutp123 XAlignment does not work as intended with multi-line wrapped text
• TextBounds does not update correctly on high-res screens
• @ChuckXZ TextFits property does not update correctly when Richtext is enabled.
• Font Switching (use multiple fonts in 1 string)
• <br/> for line break
• @LexiDog5 When RichText is on and you aren’t focused into the TextBox, it won’t show the placeholder.
• <sc> / <smallcaps> tags for smallcaps support.
• <uc> / <uppercase> tags for uppercase support.
• TextScale support
• Occasionally incorrect wrapping that breaks words instead of always breaks at spaces
• @Vorlias RichText does not respect blank lines correctly
• TextLabel / TextButton / TextBox.Content (a [ReadOnly] string that shows you what is being rendered. )

WIP:

• Improved underline presentation for blocks of text that have different sized fonts mixed together
• Text are blurry when using TextScaled with richtext.

Localization Support:

• When RichText v1 is released, the tags will be removed before being sent for automatic translation, so the formatting won’t appear in other languages (unless you apply the tags to the localized strings)

Please report any additional issues that you find as a reply to this post and we will add them to the list.

Is there anything else I should know about?

QuantumGuiText

Bundled with Rich Text is a new feature called QuantumGuiText, which reduces the number of layout operations required to display text. If devs witness any issues with text objects where RichText isn’t enabled, report either in this post or with a bug report that specifies QuantumGuiText instead.

TextBox Behavior*

The behavior of a textbox that has RichText enabled is as demonstrated below:

When the textbox gets focused, user will be editing and interacting with the original xml string.
When the focus is lost, it will automatically parse and render string as RichText.

I want to type a <> without it being parsed and ignored as tags, what should I do?

There are escape forms of characters that can be used instead when rich text is enabled.

Future work

The following items are on our roadmap for this quarter and will gradually rollout in the near future.

• TextTruncate and TextScale support
• GetTextSize(RichTextString)
• TextStroke Color Switching
• Better TextStroke and Configurable TextStroke Width

Additional formatting styles not listed here are likely to ship later this year.

Please let us know what you think when you test the beta version!

Community resources

Text Editor: Make editing "Text" fields much easier

Text Editor Plugin Are you making some UI involving Text? You must’ve felt constricted to that tiny little input field in the properties field, making it really hard to work and check what you’re typing. To solve this, check out the Text Editor plugin! Now you can edit your text quickly and easily, especially helpful with the introduction of Rich Text. [image] Features Real time output window so you can see how your text will look as you type it Multi-line support for all text fields Togg…

[Proxus]

This is truly gaming changing! I was really hoping for this to become a thing and finally, it is here! Thank you very much.

[NickTimesTwo (nickx2)]

This is going to be huge, This adds a new element to text itself. Thanks to the devs for putting in the work, Whats next to text?

[Joyiscode]

This is an excellent update, been waiting for it for years! Thank you

[IAmPinleon (Pinleon)]

FINALLY! I found this randomly on the Release Notes but now it’s out! Thank you!

I like the use of html, maybe next we can use it for our place description!

Kinda sad how the 3 best updates of this year are in beta (wait UICorner is LIVE?!?!?!)

And how is this a month later…?

[loueque (paperbagger)]

I’ve been waiting for this for weeks now ever since the release notes! I guess it’s time for text to become bold in certain parts of a text that will become important to many games, but a month later and it’s open to the public, strange…

I tested this out with some of my text, I must say the results are nice:

Image:

Thank you.

[rizonbtw (Rizon)]

I can’t wait to add this to my game and see how much player’s like it! Thank you.

[GalaxyGourmet]

Finally! No longer having to make multiple TextLabels just to make some words bold, and some a different color! This was a much needed feature, and I can see it being used well.

[MissingFeature]

I hope this is followed by custom fonts, but it is nice to see some work done on this part of studio! This will be very helpful in the future.

[MrSprinkleToes (Sprinkle)]

Can’t wait for this to be enabled! Something like this has required quite a bit of programming to get working correctly. What is the current expected release date?

[c0mmandhat (Commandhat)]

AAAAAAAAAAAAAAAAAA

This is simply amazing! Thank you so much! Now we can finally have bold and italics in roblox chat!

[BladianMC]

YEAH BOYS!!!

Amazing addition can’t wait to use this!

[un1ND3X (ice)]

Would’ve been great if we could disable a specific object’s ability to parse tags through some property rather than using characters as escapes - other than that it’s a long awaited feature, finally.

Edit: realized you can

[anon66957764]

Oh no, XML. This will not be very fun. So many people will get things wrong

A magical markup format that is parsed and handled completely by Roblox is really, really bad. It’s like HTML all over again, and you know how messy that can be.

Please add helper functions for understanding markup more easily, like conversion of text <-> AST, stripping of tags, escaping, etc. otherwise developers will get this wrong and you’ll have an injection nightmare.

[colbert2677 (ImagineerColbert)]

Maybe I didn’t read the thread properly and missed this, but if I didn’t miss it, could potentially an extra property be attached if RichText is true so that I can see a raw string without rich text tags or am I just going to have to be expected to remove them every time I want to parse a string without tags?

The feature is great and I’m really excited to just use a single TextLabel instead of stitching things together with UIListLayouts and whatnot, but I would find it an utter pain to have to constantly use balanced captures and remove tags before parsing strings if I enable rich text for certain inputs and if I need to work with a raw, unformatted string for any reason.

[IocaIe]

This is pretty cool, however i feel like there should be more attention shifted to having actual good fonts. All fonts on Roblox feel wayyyy over used because of how little there are. At the moment, i’m using custom text on image labels instead of fonts, because of how plain and overused they look. This of course, means i can’t Localize my game.

I also don’t really see the use of this feature…

This is nice, but please release new fonts next.

[Frostananas (Gemini)]

I’m about to blow up, blast off, and YAHOO at the same time.

[lJokes (Jokes)]

Y’all are just doing it this year. Keep it up.

[MatkoRBX (Matko)]

Oh my god, it’s finally here! Thank you very much y’all. I can be happy now.

[Edwi_P]

The feature I have been waiting for a very long time, love it! Will it have a text clickable and then call a function?