Skip to main content

DataTable Setup

The plugin uses UE's standard URichTextBlock styling system. To style your markdown output, you create a DataTable of row type RichTextStyleRow and define how each markdown element (headers, bold, code, links, etc.) should look. Assign that DataTable to your RichTextBlock's Text Style Set and add the Azimuth decorators so the tags map correctly.

Creating the DataTable

  1. In the Content Browser, click Add > Miscellaneous > DataTable
  2. Select RichTextStyleRow as the row struct
  3. Name it DT_AzimuthMarkdownStyles (or any name you prefer)
  4. Add rows for each tag name (see table below)
Row NameFontSizeTypefaceColor Suggestion
DefaultRoboto14RegularWhite / Light Gray
BoldRoboto14BoldWhite
ItalicRoboto14ItalicWhite
BoldItalicRoboto14Bold ItalicWhite
CodeCourier New13RegularLight Green / Cyan
CodeBlockCourier New13RegularLight Green / Cyan
Header1Roboto24BoldWhite
Header2Roboto20BoldWhite
Header3Roboto17BoldWhite
Header4Roboto15BoldWhite
Header5Roboto14BoldLight Gray
Header6Roboto14BoldLight Gray
BulletRoboto14RegularWhite
NumberedRoboto14RegularWhite
BlockQuoteRoboto14ItalicGray
LinkRoboto14RegularBlue (0.2, 0.5, 1.0)
StrikethroughRoboto14RegularGray

These are suggestions. Customize fonts, sizes, and colors to match your project's visual style.

Important: The row names must match the tag mapping. If you use the default tag mapping, use the row names exactly as shown above. If you use a custom tag mapping, your row names must match whatever you set in your FMarkdownTagMapping.

Assigning to a RichTextBlock

  1. Select your URichTextBlock (or AzimuthRichTextBlock) in the widget designer
  2. In the Details panel, find Text Style Set and assign your DataTable
  3. In the Decorator Classes array, add:
    • AzimuthRichTextStyleDecorator
    • AzimuthRichTextLinkDecorator

Both decorators are required. The style decorator handles all visual formatting. The link decorator makes [text](url) links clickable.