2016-08-31 6 views
0

У меня есть (попытался) настроить django-tinymce в моем проекте Django. Однако в инспекторе я не вижу загрузки tinymce.min.js.Django-tinymce не загружается 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 не меняет ничего, до сих пор нет 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.

Как я могу убедиться, что загружен jinjnn tinymce? Или: как я могу отладить это?

ответ

0

Как оказалось, ошибка была в settings.py. Место расположения tinymce должно быть установлено следующим образом:

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

От Джанго-TinyMCE документы:

В ваших собственных шаблонов, содержащих TinyMCE виджет, который Вы должны добавить следующие строки в разделе HTML ГОЛОВЫ (при условии, что вы назвали вашу форму «формы»):

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

Попробуйте {{ articleform.media }}

+0

К сожалению, это не работает. '{{form}}' на самом деле является правильным способом ссылки на форму в моих шаблонах. См. [This] (https://gist.github.com/Flobin/38bbd5fde27904e1ef4d5798eda0ab07#file-article-submit-form-html-L19), например. – Flobin

0

имеется JQuery? Я добавил добавление вашего ArticleSubmitView в мой рабочий проект tinymce без вашей конфигурации tinymce, и я получил ошибку, что jQuery не был определен. Когда я добавил тег скрипта для jQuery выше вашего тега {% block extra_head_stuff %} в base.html, появился редактор tinymce.

Обратите внимание, что это со следующими, настройки по умолчанию:

TINYMCE_SPELLCHECKER = False 
TINYMCE_COMPRESSOR = True 
TINYMCE_DEFAULT_CONFIG = { 
    'theme': "advanced", 
    'theme_advanced_buttons3_add': "|,spellchecker", 
} 

Используя параметры, я получаю сообщение об ошибке, что tinymce.min.js не найден (хотя это может быть из-за меня не копируя над ваша статическая установка).

Смежные вопросы