django tinymce javascript not loading on non-admin pages

Question

Im trying to implement TinyMCE on Django, i have successfully implement it on admin page using settings like this :

admin.py:

class TinyMCEAdmin(admin.ModelAdmin):
    class Media:
            js = ('/media/js/tiny_mce/tiny_mce.js', '/media/js/tiny_mce/textareas.js',)

settings.py :

TINYMCE_JS_ROOT = '/media/js/tiny_mce/'
TINYMCE_JS_URL = '/media/js/tiny_mce/tiny_mce.js'

then when i try to implement it on my form(non-admin) :

forms.py:

from tinymce.widgets import TinyMCE

class Foo(forms.Form):
    title       = forms.CharField(max_length = 100)
    content     = forms.CharField(widget = TinyMCE())

When i see the result, it just showing plain html textarea, then i hit "F12" on Chrome, then it says : 'Uncaught reference error: tinyMCE is not defined'.

How do i fix that error? thx guys

Timmy O'Mahony · Accepted Answer · 2012-07-06 14:32:10Z

4

Looking at the documentation, if you are using TinyMCE in your form outside of the admin, you need to tell it to include the JS/CSS required to render TinyMCE manually. So in your base template (or somewhere similar) you need to add:

<head>
    ...
    {{ form.media }}
</head>

or you could simply manually load the js:

<head>
   <script src="{{ MEDIA_URL }}js/tiny_mce/tiny_mce.js"></script>
   <script src="{{ MEDIA_URL }}js/tiny_mce/textareas.js"></script>
</head>

but the former is probably easier

answered Jul 6, 2012 at 14:32

Timmy O'Mahony

54.1k19 gold badges160 silver badges182 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Thariama · Accepted Answer · 2012-07-06 14:31:52Z

0

Looks like the file tiny_mce.js has not been loaded in this case.

answered Jul 6, 2012 at 14:31

Thariama

50.9k13 gold badges146 silver badges175 bronze badges

Collectives™ on Stack Overflow

django tinymce javascript not loading on non-admin pages

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related