Free · local in your browser
Royal Road Table Generator
Build a Royal Road table without hand nesting the tags. Add rows and columns, tag items with a loot rarity, and copy clean HTML for source view. Legacy BBCode remains available for compatible editors.
Load a filled table, then edit any cell. Editing does not change the example buttons.
| H | ||||
| 1 | ||||
| 2 | ||||
| 3 |
Tab moves between cells. Press Enter in the last row to add a row. Up to 8 columns and 20 rows.
Click a cell above, then pick a rarity. The cell text is coloured and its rarity name stays as the text, so the tier reads without colour too.
An approximation. Royal Road draws its own thin cell border on the published page, so the live table looks very close to this.
| Item | Rarity | Qty |
|---|---|---|
| Rusted Shortsword | Common | 1 |
| Ember Vial | Uncommon | 3 |
| Crown of the Drowned King | Legendary | 1 |
<table style="border-collapse: collapse;">
<tr>
<th style="text-align: left; padding: 6px 12px; font-weight: bold;">Item</th>
<th style="text-align: left; padding: 6px 12px; font-weight: bold;">Rarity</th>
<th style="text-align: left; padding: 6px 12px; font-weight: bold;">Qty</th>
</tr>
<tr>
<td style="text-align: left; padding: 6px 12px;">Rusted Shortsword</td>
<td style="text-align: left; padding: 6px 12px; color: #9CA3AF;">Common</td>
<td style="text-align: left; padding: 6px 12px;">1</td>
</tr>
<tr>
<td style="text-align: left; padding: 6px 12px;">Ember Vial</td>
<td style="text-align: left; padding: 6px 12px; color: #22C55E;">Uncommon</td>
<td style="text-align: left; padding: 6px 12px;">3</td>
</tr>
<tr>
<td style="text-align: left; padding: 6px 12px;">Crown of the Drowned King</td>
<td style="text-align: left; padding: 6px 12px; color: #F97316;">Legendary</td>
<td style="text-align: left; padding: 6px 12px;">1</td>
</tr>
</table>HTML is the Royal Road source-editor default. BBCode remains available for legacy editors that still accept it. Both produce the same table.
Where to paste it
- Open your chapter in the Royal Road editor, or a new chapter.
- For HTML, click the source code button (the <> icon) first, paste, then switch back out of source view.
- Use BBCode only when another destination explicitly supports legacy forum markup.
- The table shows up as a grid you can still edit by hand.
BBCode or HTML, and why the tags stay balanced
- The tool owns the nesting. A Royal Road table nests three tags deep, and one missing closing tag collapses the whole grid. Every row and cell here is generated as a matched pair, so the output is always balanced.
- HTML is the Royal Road path. Paste it into source-code view; the output uses inline table markup with no CSS classes.
- BBCode is legacy output. Keep it for another platform only when that editor explicitly accepts BBCode.
- Rarity is a colour and a word. A tagged cell is coloured by its tier, and the tier name stays in the cell text, so the rarity reads even if a reader does not see the colour the usual way.
Good to know
Questions about this tool
Should I copy HTML or BBCode?
HTML is the default for Royal Road's source editor. BBCode is available for legacy editors that still accept it. Both produce the same table.
How big can the table be?
Up to 8 columns and 20 rows. Tab moves between cells, and Enter in the last row adds a row.
How does rarity colouring work?
Select a cell, then pick a tier from Common to Mythic. The text takes the tier colour and the tier name stays as the text, so it still reads without colour.
Can I start from a filled example?
Yes. Load a filled table (such as an inventory with item, rarity, and quantity) and edit any cell. Editing does not change the example buttons.