6

TL;DR - Tinymce 的格式化工具栏不显示。一行 django 生成的 html 似乎很可疑，但我不确定它为什么在哪里。这是 python 3.4 和 django 1.8。

我已经这样做了：

设置.py

我正在使用 django-tinymce 默认值。

INSTALLED_APPS = (
    ...,
    'django.contrib.staticfiles',
    ...,
    'tinymce',
    ...
)

网址.py

...
url(r'^tinymce/', include('tinymce.urls'))
...

if settings.DEBUG:
    urlpatterns += patterns('django.views.static',
                            (r'^media/(?P<path>.*)',
                             'serve',
                             {'document_root': settings.MEDIA_ROOT}),)
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

模型.py

from tinymce.models import HTMLField

class BlogEntry(models.Model):
    ...
    #article_body = HTMLField()
    article_body = models.TextField()

（文档建议使用 HTMLField。其他来源建议使用 TextField。到目前为止结果相同。）

表格.py

from tinymce.widgets import TinyMCE

class BlogEntryForm(forms.ModelForm)
    article_body = forms.CharField(
        widget=TinyMCE(#mce_attrs={
            #'plugin_preview_pageurl': reverse('tinymce-preview', "blog")},
                       attrs={
                           'cols': 80, 'rows': 30,
                           'placeholder': 'contenu',
                           'class': 'lkz-input'}),)

模板

{% extends "kernel/base.html" %}

{% block extra_head %}

<!-- before media -->
{{ entry.media }}
<!-- after media -->
<script type="text/javascript" src="{% url "tinymce-js" "tinymce" %}"></script>
<!-- end -->
{% endblock extra_head %}

{% block content %}
<form method="post" action="">
{% csrf_token %}
...
{{ entry.article_body.errors }}
<label for="{{ entry.article_body.id_for_label }}" ></label> {{ entry.article_body }}<br>
...    
</form>

我认为这是我需要做的一系列事情。但是文本字段看起来就像一个文本字段。

一件相当奇怪的事情（也是主要嫌疑人）是我看到这个 HTML 被提供：

<!-- before media -->
<script type="text/javascript" src="/static/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="/static/django_tinymce/init_tinymce.js"></script>
<script type="text/javascript" src="/static/{% media %}/tiny_mce/tinymce.min.js"></script>
<!-- after media -->
<script type="text/javascript" src="/tinymce/js/textareas/tinymce/"></script>
<!-- end -->

第/static/{% media %}/3 行显然是错误的，虽然我不明白它来自哪里。我找到的最接近的来源是tinymce/settings.py，它不是逐字相同的（没有'min'）。

Fwiw，如果我配置不正确，我目前有这些值：

STATIC_PATH = os.path.join(BASE_DIR,'static')
STATIC_ROOT = ''
STATIC_URL = '/static/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

附带问题

tinymce 文档（不是 django-tinymce）建议从 CDN 获取 tinymce。Django-tinymce 将其打包。任何人都知道这可能有什么好处（除了本地调试）？

4

1 回答 1

1

我有和你一样的问题和相同的配置，你应该在浏览器控制台中阅读。

我得到：

Uncaught TypeError: $ is not a function
(anonymous function) @ init_tinymce.js:18
(anonymous function) @ init_tinymce.js:38

https://github.com/aljosa/django-tinymce/tree/master/tinymce/static/django_tinymce 适用于 1.4-1.7

编辑：

我找到了解决问题的方法，试试看它是否适合你， 编辑文件 init_tinymce.js

# at the begging of the file
-(function ($) {
+$(document).ready(function() {

# at the end
-}(django.jQuery));
+});

您还必须评论TINYMCE_COMPRESSOR = True或在setting.py中将其配置为 False 。

如果启用，TINYMCE_COMPRESSOR 将抛出其他 js 错误。

于 2015-04-20T20:28:36.243 回答