Supported HTML tags in Source Code editor
- Certain tags are blocked or stripped out to avoid malicious script injection (<html>,<body>, <script>, <style>)
- Certain tags are overwritten by the player/designer's CSS styles (<html>,<body>, <script>, <style>)
In this article
How to edit HTML source code in an interaction
- With the interaction editor open, click on the interaction text and then the triple dots icon in the rich text editor.
- Next, click Insert.
- Click Source Code to open up the source code editor.
- Click Ok when you are finished editing the source code of your interaction text to save.
Supported HTML tags
The following HTML tags are supported in the source code editor:
<strong>/<b>, <em>/<i>, <u>, <span>,<p>, <ol>, <ul>, <li>,
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>,
<p>/<div>, <a href="">, <sub>, <sup>, <strike>, <br>, <del>, <table>, <tr>,
<td>, <th>, <thead>, <tfoot>, <tbody>, colspan, colwidth
Some useful implementations of HTML in the source code editor include hyperlinks and creation of tables. Please see the below example of how to manually code a specially-formatted table in HTML.
HTML table example
<p class="pp-title">Using evidence or examples, please explain what you already know about this topic.</p> <p><a href="https://www.google.com">Example Hyperlink</a></p> <h2>Example Table</h2> <table style="width: 100%;"> <tbody> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </tbody> </table>
- Further flexibility is available in the PlayPosit enterprise plan around CSS styling and JavaScript injection. For more information email us at help@playposit.org.