How to use HTML or Markdown in text components in page templates

In a page display template, you can add a Text component in order to display text. This can be used for any page type (custom page, session page, speaker page, etc.).

The Text component will pull information from the workspace using metadata. For example, in an agenda session display template, you will use a Text component in order to display the session Description in the session page in the app, using the content metadata.

Below is a session display template with a text component, configured to pull the content metadata for the session:

Below is a session page seen in app, with the session Description text, as pulled by the content metadata used in the text component in the display template:

This above textual content is in fact pulled from Backstage, from the Description field in the agenda session.

To note, when pulling information from the session's Description field, you can choose to use HTML or Markdown for displaying this text in the app.

If you select HTML the text that is used is as follows in the Description field in the session:

<p>Hi and welcome!<br> We can't wait to show you what we have in store, but also break some myths around virtual events and our predictions for the event industry in the short- and mid-term.
</p>
<p><strong>Our agenda today</strong></p>
<ol>
<li>Our CEO gives us his outlook for the state of affairs in the event industry in the short and mid-term, along with some insights based on our wide customer base.</li>
<li>Practical recommendations and ideas on how to turn your marketing and content strategy from physical events to virtual events.</li>
<li>We will be looking at the engagement trifecta and how each of the elements (Activation, Automation, Conversion) applies to virtual events.</li>
<li>Q&amp;A</li>
</ol>

If you decide to use Markdown, the text will be as follows:

Hi and welcome! 
We can't wait to show you what we have in store, but also break some myths around virtual events and our predictions for the event industry in the short- and mid-term.

**Our agenda today**

1. Our CEO gives us his outlook for the state of affairs in the event industry in the short and mid-term, along with some insights based on our wide customer base.
2. Practical recommendations and ideas on how to turn your marketing and content strategy from physical events to virtual events.
3. We will be looking at the engagement trifecta and how each of the elements (Activation, Automation, Conversion) applies to virtual events.
4. Q&A

In this example, depending on whether you want to use HTML or Markdown for displaying your session Description, you will need to check the following in Backstage:

If you are using HTML:

• Make sure that below the Description field in the Session page, you select HTML, and that the text in the the Description field contains the necessary HTML tags for the text layout:
  
  
  
• Make sure that in the text component in the display template, you use three (3) curly brackets for your metadata: For example: {{{content}}}
  

If you are using Markdown:

• Make sure that below the Description field in the Session page, you select Markdown, and that the text in the the Description field does not contain any HTML tags (any tags should be removed automatically):
  
• Make sure that in the text component in the display template, you use two (2) curly brackets for your metadata: For example: {{content}}