Fix #50 -- Native template-based widget rendering.

markdownx/templates/markdownx/widget2.html

@@ -0,0 +1,4 @@
+<div class="markdownx">
+    {% include 'django/forms/widgets/textarea.html' %}
+    <div class="markdownx-preview"></div>
+</div>

markdownx/widgets.py

@@ -1,3 +1,4 @@
+import django
 from django import forms
 from django.template.loader import get_template
 from django.contrib.admin import widgets
@@ -19,41 +20,58 @@ class MarkdownxWidget(forms.Textarea):
 
     """
 
-    def render(self, name, value, attrs=None, renderer=None):
-        """
+    if django.VERSION[:2] >= (1, 11):
 
-        :param name:
-        :type name:
-        :param value:
-        :type value:
-        :param attrs:
-        :type attrs:
-        :param renderer:
-        :type renderer:
-        :return:
-        :rtype:
-        """
-        attrs = self.build_attrs(attrs, name=name)
+        template_name = 'markdownx/widget2.html'
 
+        def get_context(self, name, value, attrs=None):
+            if attrs is None:
+                attrs = {}
+
+            self.add_markdownx_attrs(attrs)
+
+            return super(MarkdownxWidget, self).get_context(name, value, attrs)
+
+    else:
+
+        def render(self, name, value, attrs=None, renderer=None):
+            """
+
+            :param name:
+            :type name:
+            :param value:
+            :type value:
+            :param attrs:
+            :type attrs:
+            :param renderer:
+            :type renderer:
+            :return:
+            :rtype:
+            """
+            attrs = self.build_attrs(attrs, name=name)
+
+            self.add_markdownx_attrs(attrs)
+
+            widget = super(MarkdownxWidget, self).render(name, value, attrs, renderer)
+
+            template = get_template('markdownx/widget.html')
+
+            return template.render({
+                'markdownx_editor': widget,
+            })
+
+    @staticmethod
+    def add_markdownx_attrs(attrs):
         if 'class' in attrs:
             attrs['class'] += ' markdownx-editor'
         else:
-            attrs.update({
-                'class': 'markdownx-editor'
-            })
+            attrs['class'] = 'markdownx-editor'
 
         attrs['data-markdownx-editor-resizable'] = MARKDOWNX_EDITOR_RESIZABLE
         attrs['data-markdownx-urls-path'] = MARKDOWNX_URLS_PATH
         attrs['data-markdownx-upload-urls-path'] = MARKDOWNX_UPLOAD_URLS_PATH
         attrs['data-markdownx-latency'] = MARKDOWNX_SERVER_CALL_LATENCY
 
-        widget = super(MarkdownxWidget, self).render(name, value, attrs, renderer)
-
-        template = get_template('markdownx/widget.html')
-
-        return template.render({
-            'markdownx_editor': widget,
-        })
 
     class Media:
         """