Question

我用django-tinymce包实现了TinyMCE。但是，我的提交按钮在没有TinyMCE的情况下正常工作现在变得相当无用，因为一旦所有内容都填写完毕，我就无法提交表单。

我可以在TinyMCE中使用Ctrl + S（我偶然发现）并且所有内容都会正确提交。此外，我可以使用TinyMCE“保存”插件的保存按钮提交..我是否必须配置提交按钮才能使其与TinyMCE一起使用？

模板：

{% extends 'medisearch/header.html' %}
{% load crispy_forms_tags %}
{% block header %}
{{ form.media }}
{% endblock %}
{% block content %}
▷⋅⋅⋅⋅⋅⋅⋅<form action="{{ url }}" method="post">
▷⋅⋅⋅⋅⋅⋅⋅   <div class="form-group">
▷⋅⋅⋅⋅⋅⋅⋅    {% csrf_token %}
▷⋅⋅⋅⋅⋅⋅⋅    {{ form|crispy }}
▷⋅⋅⋅⋅⋅⋅⋅  </div>
▷⋅⋅⋅⋅⋅⋅⋅  <input type="submit" class="btn btn-primary" value="Speichern" />
▷⋅⋅⋅⋅⋅⋅⋅</form>
{% endblock %}

views.py

class EntryDetail(DetailView):
    model = Mediwiki
    slug_field = 'non_proprietary_name'
    template_name = 'mediwiki/entry.html'

class MediwikiForm(FormView):
    template_name = 'mediwiki/create.html'
    form_class = MediwikiForm⋅
    success_url = "/" #TODO user get's redirected to page he's created⋅

    def form_valid(self, form):
        form.save()
        return super(MediwikiForm, self).form_valid(form)

class EntryDisplay(View):
    def get(self, request, *args, **kwargs):
        try:
            view = EntryDetail.as_view()
            return view(request, *args, **kwargs)
        except Http404: # If there's no entry in db:
            if check_user_editor(request.user) == True:
                view = MediwikiForm.as_view()
                return view(request, *args, **kwargs)
            else:
                pass
    def post(self, request, *args, **kwargs):
        view = MediwikiForm.as_view()
        return view(request, *args, **kwargs)⋅

forms.py

class MediwikiForm(ModelForm):
    wiki_page = forms.CharField(widget=TinyMCE(attrs={'cols': 80, 'rows': 30}))
    class Meta:
        model = Mediwiki⋅
        fields = '__all__'

TinyMCE位于urls.py且位于INSTALLED_APPS ..

之下

Answer 1

我遇到了类似的问题，并了解到它与TinyMCE处理文本区域的方式有关。以下init脚本对我有用：

<script>
tinymce.init({
    selector:'.editor',
    setup: function (editor) {
        editor.on('submit', function (e) {
            editor.save();
        });
    }
 });
</script>

Answer 2

@artifex_knowledge答案有意义并且有效。要建立它，除了在editor.save()（或submit）上调用change之外，请记住，如果用户没有填写文本区域，他们将无法提交表单，但不会显示this field is required错误消息。

这是因为默认情况下需要文本区域字段（在本例中为wiki_page），因此在html中它将使用 required 进行渲染。但TinyMCE会隐藏文本区域（并将其替换为iframe :( )，因此如果您尝试提交带有空文本的表单，则不会，但错误消息将保持隐藏。

（一种可能的解决方案是使用JS删除所需的属性，稍后在django中检查它。）

Answer 3

我知道这对您来说可能为时已晚，但是似乎我现在遇到了同样的问题，我的解决方案将来可能会对某人有所帮助。

您使用的是脆皮，它本身包含表格的javascript文件。

因此，django_tinymce / init_tinymce.js将被引用两次。由于表单已初始化两次，因此这将中断内容的提交。

要解决此问题，您可以仅删除{{form.media}}的调用。

Answer 4

我也遇到了与你相同的问题，我刚刚删除了例如：来自Modelform子类的“wiki_page”字段，并将Tinymce小部件放在Meta类中。

class MediwikiForm(ModelForm):
class Meta:
    model = Mediwiki⋅
    fields = '__all__'
    widgets = {
              'wiki_page': TinyMCE(attrs={'cols': 80, 'rows': 30})
             }

Django-tinyMCE提交按钮不起作用

4 个答案: