首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Django-tinymce没有加载javascript

Django-tinymce没有加载javascript
EN

Stack Overflow用户
提问于 2016-08-31 21:11:53
回答 3查看 1.7K关注 0票数 0

我已经(试图)在我的Django项目中建立django-tinymce。但是,在检查器中,我没有看到tinymce.min.js正在加载。

这是在我的设置:

代码语言:javascript
复制
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并不会改变任何事情--仍然没有加载新的js。

这是我的文件结构:

代码语言:javascript
复制
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 }},但可能这就是问题所在。

这里提供有模板、设置、urls等的完整代码。

如何确保tinymce javascript加载?或者:我如何调试这个?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-09-07 17:06:55

事实证明,错误发生在settings.py中。点缀的位置需要这样设置:

代码语言:javascript
复制
TINYMCE_JS_ROOT = "articles/build/lib/node_modules/tinymce"
TINYMCE_JS_URL = os.path.join(TINYMCE_JS_ROOT, "tinymce.js")
票数 1
EN

Stack Overflow用户

发布于 2016-09-01 07:43:19

来自django-tinymce文档:

在包含TinyMCE小部件的模板中,必须将以下内容添加到HEAD部分(假设您将表单命名为“表单”):

代码语言:javascript
复制
<head>
...
{{ form.media }}
</head>

试试{{ articleform.media }}

票数 0
EN

Stack Overflow用户

发布于 2016-09-01 21:24:00

jQuery可用吗?我将您的ArticleSubmitView添加到我工作的tinymce项目中,而没有您的tinymce配置,并且我得到了一个没有定义jQuery的错误。当我在jQuery的{% block extra_head_stuff %}标记上添加base.html脚本标记时,tinymce编辑器出现了。

请注意,这与以下默认设置有关:

代码语言:javascript
复制
TINYMCE_SPELLCHECKER = False
TINYMCE_COMPRESSOR = True
TINYMCE_DEFAULT_CONFIG = {
    'theme': "advanced",
    'theme_advanced_buttons3_add': "|,spellchecker",
}

使用您的设置,我得到一个没有找到tinymce.min.js的错误(虽然这可能是由于我没有复制您的静态设置)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39259080

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档