![](/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.