Supported HTML Tags and Inline Styling

While adding content in a Description text area within Shoutem extensions, you are allowed to format and style text using HTML elements in the HTML editor.

HTML editor is available to all users and can be found within any Description/Information text area as displayed on the image below:

Supported HTML Tags and Inline Styling

You will be able to insert any HTML tag you want to, but only a few of them are supported and will be displayed in your app:

Tags

  • Paragraphs and headers 
    <p> </p>
    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
  • Bolding
    <strong> </strong>
  • Emphasizing
    <em> </em>
  • Images
    <img />
  • Links (both text and images)
    <a> </a>
  • Unordered lists
    <ul>
    <li> </li>
    </ul>
  • Ordered lists
    <ol>
    <li> </li>
    </ol>
  • Mixed lists
    <ol>
    <li>
    <ul>
    <li> </li>
    </ul>
    </li>
    </ol>

Inline styling:

  • background-color
  • color (referring to text color)
  • align-self
  • text-align
  • font-size

Examples:
The screenshots also contain the opened links from text and image examples, showing how the link opens in the device’s default browser.

1. <img> and <a> tagsSupported HTML Tags and Inline StylingHow it looks in the app:shoutem mobile app builder

2. Unordered and ordered lists:HTML Tags

How it looks in the app:

Supported Inline Styling3. Inline styling and headers

app Inline Styling

How it looks in the app:

Supported HTML Tags and Inline Styling mobile app