Skip to main content

DataTable Setup

The plugin uses UE's standard URichTextBlock styling system. You need a DataTable of row type RichTextStyleRow to define how each markdown element looks.

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.