繁体   English   中英

Django Tinymce未加载JavaScript

[英]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 }} ,但这也许就是问题所在。

此处包含模板,设置,URL等完整代码

我如何确保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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM