Django Tinymce JavaScript 未在非管理页面上加载

django tinymce javascript not loading on non-admin pages

本文关键字：加载 管理 Tinymce JavaScript Django      更新时间：2023-09-26

我试图在 Django 上实现 TinyMCE，我已经使用这样的设置在管理页面上成功实现了它：

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'

然后当我尝试在我的表单上实现它时（非管理员）：

forms.py：

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

当我看到结果时，它只显示纯 html 文本区域，然后我在 Chrome 上点击"F12"，然后它说："未捕获的引用错误：未定义 tinyMCE"。

如何解决该错误？ 谢谢伙计们

查看文档，如果您在管理员之外的表单中使用TinyMCE，则需要告诉它包含手动渲染TinyMCE所需的JS/CSS。因此，在您的基本模板（或类似的地方）中，您需要添加：

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

或者你可以简单地手动加载JS：

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

但前者可能更容易

在这种情况下，文件

tiny_mce.js似乎尚未加载。

相关文章：