Preview not working

[jdhurwitz]

Instead of getting a preview, it just looks exactly like the raw text in the editor box.

models.py:

class Question(models.Model, HitCountMixin):
    title = models.CharField(max_length=200, blank=False)
    description = MartorField()

forms.py

class QuestionForm(forms.ModelForm):
    class Meta:
        model = Question
        fields = ['title', 'description']
        widgets = {
            'description': AdminMartorWidget,
        }
    def __init__(self, *args, **kwargs):
        self.user = kwargs.pop('user')
        super(QuestionForm, self).__init__(*args, **kwargs)
        self.fields['description'] = MartorFormField()

EDIT
My new form looks like this:

class QuestionForm(forms.ModelForm):
    class Meta:
        model = Question
        fields = ['title', 'description']

    def __init__(self, *args, **kwargs):
        self.user = kwargs.pop('user')
        super(QuestionForm, self).__init__(*args, **kwargs)
        self.fields['description'] = MartorFormField()

[agusmakmun]

I think you should choose one of the existing methods, not using it together.
You can see this DEMO for the refference.

[jdhurwitz]

@agusmakmun What do you mean existing methods?

[jdhurwitz]

If I remove the self.fields['description'] call, the behavior persists.

[agusmakmun]

1. If you want to use this markdown editor for /admin/ (Django Administration) and outside it. you can only use it on models

from django.db import models
from martor.models import MartorField

class Question(models.Model, HitCountMixin):
    title = models.CharField(max_length=200, blank=False)
    description = MartorField()

2. If you want to show this markdown editor only for your /admin/ (Django Administration), you can use this in your file admin.py:

from django.db import models
from django.contrib import admin

from martor.widgets import AdminMartorWidget
from yourapp.models import Question

class QuestionAdmin(admin.ModelAdmin):
    formfield_overrides = {
        models.TextField: {'widget': AdminMartorWidget},
    }

admin.site.register(Question, QuestionAdmin)

3. But, if you only want to show this markdown editor outside /admin/ (Django Administration). you can use this:

class QuestionForm(forms.ModelForm):
    class Meta:
        model = Question
        fields = ['title', 'description']

    def __init__(self, *args, **kwargs):
        self.user = kwargs.pop('user')
        super(QuestionForm, self).__init__(*args, **kwargs)
        self.fields['description'] = MartorFormField()

[jdhurwitz]

I've edited my QuestionForm to resemble option 3, and preview still does not work. It displays the exact same text as before.

[agusmakmun]

Have you loaded the CSS & JS files?

  <link href="{% static 'plugins/css/ace.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  <link href="{% static 'plugins/css/semantic.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  <link href="{% static 'plugins/css/resizable.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  <link href="{% static 'martor/css/martor.min.css' %}" type="text/css" media="all" rel="stylesheet" />

and

  <script type="text/javascript" src="{% static 'plugins/js/ace.js' %}"></script>
  <script type="text/javascript" src="{% static 'plugins/js/semantic.min.js' %}"></script>
  <script type="text/javascript" src="{% static 'plugins/js/mode-markdown.js' %}"></script>
  <script type="text/javascript" src="{% static 'plugins/js/ext-language_tools.js' %}"></script>
  <script type="text/javascript" src="{% static 'plugins/js/theme-github.js' %}"></script>
  <script type="text/javascript" src="{% static 'plugins/js/highlight.min.js' %}"></script>
  <script type="text/javascript" src="{% static 'plugins/js/resizable.min.js' %}"></script>
  <script type="text/javascript" src="{% static 'plugins/js/emojis.min.js' %}"></script>
  <script type="text/javascript" src="{% static 'martor/js/martor.min.js' %}"></script>

[jdhurwitz]

Forgot to do that! Thank you.