2016-08-31 6 views
0

Djangoプロジェクトでdjango-tinymceをセットアップしました。しかし、インスペクタでは、tinymce.min.jsがロードされていません。Django-tinymceがjavacriptをロードしていません

これは私の設定です:TINYMCE_DEFAULT_CONFIGを削除

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.jstinymce.min.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 }}を持っていますが、多分それが問題です。

full code with templates, settings, urls, etc. is available here

tinymceのJavaScriptが読み込まれるようにするにはどうすればよいですか?または:これをどのようにデバッグできますか?ジャンゴ - TinyMCEのドキュメントから

答えて

0

このエラーはsettings.pyにありました。このように設定する必要があります:

TINYMCE_JS_ROOT = "articles/build/lib/node_modules/tinymce" 
TINYMCE_JS_URL = os.path.join(TINYMCE_JS_ROOT, "tinymce.js") 
0

:あなたはHTML HEADセクションに以下を追加する必要がありますTinyMCEのウィジェットを含む独自のテンプレートで

あなたは「フォームのフォームの名前と仮定した場合):

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

{{ articleform.media }}

+0

悲しいことにうまくいきません。しかし、実際には{{form}} 'はテンプレート内のフォームを参照する正しい方法です。たとえば、[this](https://gist.github.com/Flobin/38bbd5fde27904e1ef4d5798eda007#file-article-submit-form-html-L19)を参照してください。 – Flobin

0

を試してみてくださいjQueryのはありますか?あなたのtinymce設定なしで自分のArticleSubmitViewを私の作業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エラーが検出されない取得しますあなたの静的なセットアップ)。

関連する問題