TASK.IO basic example showing image and html in the task canvas page

task-example-1

{
  "task": {
    "name": "A basic task giving an overview of your basic visual options. Lets display an image: http://go.task.io/ny9bg",
    "lat": 0,
    "lng": 0,
    "radius": 300,
    "details": "This is the default way tasks are displayed. You can also send some html tags through which we will demonstrate below. Note, all other tags not shown here will be stripped out.<br><br>
    Images are always displayed inline, full width where they get added to the content - for example: http://go.task.io/tee8u
    OK, so lets work through some html tag options...
<h1>This is the Header 1</h1>
<h2>This is the Header 2</h2>
You can use limited HTML tags, including <a href=\"https://en.wikipedia.org/wiki/Meaning_of_life\">linking to any documents or webpages</a> you like to provide extra information to the user:
<ul>
<li>Bullet lists work fine</li>
<li><strong>You can emphasise in bold</strong></li>
<ul>
<li>Bullet subitem one</li>
<li>Bullet subitem twp</li>
</ul>
</ul>
<ol>
  <li>Number lists also work fine</li>
  <li><i>And you can also use italics</i></li>
    <ol>
  <li>Number list subitem one</li>
  <li>Number list subitem two</li>
</ol>
</ol>
You can also upload files - PDFs, Word Docs and Excel spreadsheets - and we display them so the user can reference additional material relating to the task they are working on:  http://go.task.io/1vftd
"
  }
}