Godot Ui Rich Text

• implementing dialogue text
• formatting UI text with tags
• handling clickable rich-text metadata
• adding animated or custom text effects

Never Do

• Never forget to enable BBCode before assigning tagged text.
• Never reference images with ambiguous paths.
• Never assume line breaks will render the way plain text does without checking the BBCode behavior.
• Never use URL or meta tags without wiring the click handler.
• Never nest duplicate tags carelessly.
• Never rely on invalid color values.

Minimal Example

$RichTextLabel.bbcode_enabled = true
$RichTextLabel.text = "[b]Bold[/b] and [i]italic[/i] text"

Common Tags

[b]Bold[/b]
[i]Italic[/i]
[u]Underline[/u]
[color=red]Red text[/color]
[color=#00FF00]Green text[/color]
[center]Centered[/center]
[img]res://icon.png[/img]
[url=data]Clickable link[/url]

Meta Click Handling

func _ready() -> void:
    $RichTextLabel.meta_clicked.connect(_on_meta_clicked)

func _on_meta_clicked(meta: Variant) -> void:
    print("Clicked: ", meta)

Design Guidance

• keep content and markup generation separate when text is data-driven
• sanitize or validate dynamic markup when content comes from tools or external files
• use custom effects sparingly when readability matters

Reference

• Godot Docs: BBCode in RichTextLabel

Related

• godot-ui-theming
• godot-task
• godot-master