HTML macro

Description

Generate HTML to display on your Confluence pages with easy styling with Tailwind.

Type

Standard

Guest

:check_mark:

Anonymous

🕙

Display HTML code with Tailwind support directly within your Confluence page, providing a flexible and customizable way to enhance your content with HTML elements.

Whether you’re looking to embed custom scripts, add unique formatting, or integrate interactive elements, the HTML Macro makes it straightforward and versatile.

#Showcase

Did you know? A group of flamingos is called a 'flamboyance'!
15 April
Wow, that's a flamboyant fact indeed! :D
15 April
I love learning quirky facts like these.
15 April
Keep them coming. Thank you!
15 April

#Custom Styled Tables

image-20241025-184740.png

#Comparison/Progress bars

image-20241025-184812.png

#Showing off your products

image-20241025-184831.png

#Add a hero or Jumbotron

image-20241025-184853.png

#Step-by-Step

#1. Open the editor and type /html and press Enter

image-20241025-184931.png

#2. Enter some HTML and CSS

image-20241025-184951.png

#3. Once happy, click save and don't forget to update your page!

image-20241025-185027.png

#Templates

We provide a variety of built-in templates for the HTML Macro:

  • Cards

  • Progress tracker

  • Alerts

  • Badges

  • Timeline

  • Chat

You can access them from the dropdown in the top-right of the configuration screen:

image-20241025-185053.png