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:
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> tags
How it looks in the app:
2. Unordered and ordered lists:
How it looks in the app:
3. Inline styling and headers
How it looks in the app:
