![](/img/trans.png)
[英]Javascript error when integrating django-tinymce and django-filebrowser
[英]Django-tinymce not loading javascript
我已经(尝试)在Django项目中设置了django-tinymce。 但是,在检查器中,我看不到tinymce.min.js正在加载。
这是在我的设置中:
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
os.environ['DJANGO_LIVE_TEST_SERVER_ADDRESS'] = 'localhost:8123'
# TinyMCE configuration
TINYMCE_JS_ROOT = os.path.join(STATIC_ROOT, "articles/build/lib/node_modules/tinymce")
TINYMCE_JS_URL = os.path.join(TINYMCE_JS_ROOT, "tinymce.min.js")
TINYMCE_COMPRESSOR = False
TINYMCE_DEFAULT_CONFIG = {
'theme': "modern",
'toolbar': "undo redo | bold italic | bullist numlist | blockquote | removeformat",
'menubar': False,
'statusbar': False,
'schema': "html5",
'max_height': 500,
'max_width': 500,
'min_height': 100,
'min_width': 400
}
删除TINYMCE_DEFAULT_CONFIG
并将tinymce.min.js
更改为tinymce.js
不会改变任何内容-仍未加载tinymce js。
这是我的文件结构:
static
|-src
| |-styles
| |-scripts
| |-images
|-build
| |-css
| |-js
| |-img
| |-lib
| | |-package.json
| | |-node_modules
| | | |-tinymce
| | | | |-tinymce.js
| | | | |-more_tinymce_files_here
|-node_modules
|-gulpfile.js
|-package.json
在我的模板中,我确实有{{ form.media }}
,但这也许就是问题所在。
我如何确保tinymce javascript加载? 或者:我该如何调试?
来自django-tinymce文档:
在您自己的包含TinyMCE小部件的模板中,您必须将以下内容添加到HTML HEAD部分( 假设您将表单命名为'form' ):
<head>
...
{{ form.media }}
</head>
尝试{{ articleform.media }}
jQuery是否可用? 我将您的ArticleSubmitView添加到了我的正在工作的tinymce项目中,没有您的tinymce配置,但是我得到一个未定义jQuery的错误。 当我在base.html的{% block extra_head_stuff %}
标签上方添加jQuery脚本标签时,tinymce编辑器出现了。
请注意,这是以下默认设置:
TINYMCE_SPELLCHECKER = False
TINYMCE_COMPRESSOR = True
TINYMCE_DEFAULT_CONFIG = {
'theme': "advanced",
'theme_advanced_buttons3_add': "|,spellchecker",
}
使用您的设置,我收到未找到tinymce.min.js的错误(尽管这可能是由于我没有通过静态设置进行复制)。
事实证明,错误出在settings.py中。 tinymce的位置需要这样设置:
TINYMCE_JS_ROOT = "articles/build/lib/node_modules/tinymce"
TINYMCE_JS_URL = os.path.join(TINYMCE_JS_ROOT, "tinymce.js")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.