Added a demo of direct html injection

Author: Mark Gibbs

demo/demo/templates/demo_five.html

@@ -0,0 +1,35 @@
+{%extends "base.html"%}
+{%load plotly_dash%}
+
+{%block title%}Demo One - Simple Embedding{%endblock%}
+
+{%block content%}
+<h1>Simple App Embedding</h1>
+<p>
+  This is a simple example of use of a dash application within a Django template. Use of
+  the plotly_app template tag with the name of a dash application represents the simplest use of
+  the django_plotly_dash framework.
+</p>
+<p>
+  The plotly_class tag is also used to wrap the application in css class names based on the
+  application (django-plotly-dash), the
+  type of the embedding (iframe), and the slugified version of the app name (simpleexample).
+</p>
+<div class="card bg-light border-dark">
+  <div class="card-body">
+    <p><span>{</span>% load plotly_dash %}</p>
+    <p>&lt;div class="<span>{</span>% plotly_class name="SimpleExample"%}">
+    <p class="ml-3"><span>{</span>% plotly_direct name="SimpleExample" %}</p>
+    <p>&lt;\div>
+  </div>
+</div>
+<p></p>
+<div class="card border-dark">
+  <div class="card-body">
+    <div class="{%plotly_class name="SimpleExample"%}">
+      {%plotly_direct name="SimpleExample"%}
+    </div>
+  </div>
+</div>
+<p></p>
+{%endblock%}

demo/demo/urls.py

@@ -36,6 +36,7 @@
     url('^demo-two$', TemplateView.as_view(template_name='demo_two.html'), name="demo-two"),
     url('^demo-three$', TemplateView.as_view(template_name='demo_three.html'), name="demo-three"),
     url('^demo-four$', TemplateView.as_view(template_name='demo_four.html'), name="demo-four"),
+    url('^demo-five$', TemplateView.as_view(template_name='demo_five.html'), name="demo-five"),
     url('^admin/', admin.site.urls),
     url('^django_plotly_dash/', include('django_plotly_dash.urls')),