[SOLVED] Text Markup list

mlebel · January 28, 2020, 3:53pm

So, I set the ‘markup’ for text.
I can see that [color=#xxxxx][/color] is working.
But what else works? were is the list?
b & /b" doesn’t work, also i & /i.

Tn’x

Leonidas · January 28, 2020, 4:07pm

Hi @mlebel,

Right now only color is supported in text markup. There is a very elaborate markup parser and scanner in the engine so I imagine soon we will get more tags (@will).

github.com

playcanvas/engine/blob/454fdd8d7e567e94a9cd9b290b31649e67c26fa4/src/framework/components/element/text-element.js#L295




// store fallback color in the palette
this._colorPalette = [
    Math.round(this._color.r * 255),
    Math.round(this._color.g * 255),
    Math.round(this._color.b * 255)
];
this._symbolColors = [];
paletteMap[this._color.toString(false).toLowerCase()] = 0;


for (i = 0, len = this._symbols.length; i < len; ++i) {
    var tag = tags[i];
    var color = 0;


    // get markup coloring
    if (tag && tag.color && tag.color.value) {
        var c = tag.color.value;


        // resolve color dictionary names
        // TODO: implement the dictionary of colors
        // if (colorDict.hasOwnProperty(c)) {

KpoKec · June 26, 2020, 2:10pm

Markup tags is only color? Not extended?

Leonidas · June 26, 2020, 2:16pm

Yes, right now they support only color.

KpoKec · July 20, 2020, 12:32pm

Markup from code works?

What wrong?

In play mode not works too
All text is one element

LeXXik · July 20, 2020, 12:51pm

Probably the hex code needs to be in quotes

[color="#ff0000"]red[/color]

KpoKec · July 20, 2020, 1:00pm

text = '[color="#ff0000"]text[/color]';

Worked fine. Need add to docs. With avaible tags and formats.

yaustar · July 20, 2020, 3:43pm

Added currently supported tags: https://github.com/playcanvas/engine/pull/2306

Astra · March 23, 2023, 10:38am

Hey, how is this today?
Is it possible to get bold and italic for instance in the same text field?

yaustar · March 23, 2023, 10:41am

I’m afraid not, the supported tags are from here:

https://developer.playcanvas.com/en/api/pc.ElementComponent.html#text

Astra · March 23, 2023, 3:02pm

Thanks, were able to use outline to fake bold text

Question2u · April 3, 2024, 7:24pm

One year later again the question: Do you want to add more tags for the element text components? I think basic markup options would be nice if you have to format a lot of text.