Django-TinyMCE с несколькими формами

Удален Django-TinyMCE и начал использовать TinyMCE 4.0.21. Теперь он отлично работает.

views.py:

...
class ThreadForm(forms.Form):
    subject = forms.CharField(max_length=300, widget=forms.TextInput(attrs={'size':'100'}))
    body = forms.CharField(widget=forms.Textarea(attrs={'class':'thread'}))
...

member_forums.html:

...
{% block headers %}
<script type="text/javascript" src="{% static 'tinymce/tinymce.min.js' %}"></script>
<script type="text/javascript" src="{% static 'tinymce/threads.js' %}"></script>
{% endblock %}

{% block content %}
    ...
    <form id="new_thread_form" method="post" action="">
        {% csrf_token %}
        <table id="new_thread_table">
            {{ thread_form.as_table }}
        </table>
    </form>
    ...
    <form class="new_message_form" method="post" action="">
    {% csrf_token %}
    {% for message_form in message_forms %}
        {{ message_form.thread_pk }}
        <textarea class="message" name="body"></textarea>
    {% endfor %}
    ...
{% endblock %}

threads.js:

tinyMCE.init({
    selector: "textarea.thread",
    theme: "modern",
    ...
});

tinyMCE.init({
    selector: "textarea.message",
    theme: "modern",
    ...
});

TinyMCE использует идентификатор, чтобы указать, какое текстовое поле должно быть TinyMCE, а идентификаторы должны быть уникальными в HTML. Поскольку оба моих тела назывались body, Django form.as_table отображал их с одним и тем же идентификатором. Когда TinyMCE попытался назначить редактор идентификатору, он потерпел неудачу, когда достиг второго поля с тем же идентификатором. Аналогичная проблема:

TinyMCE не работает при загрузке двух текстовых полей

Я изменил MessageForm.body на MessageForm.body1, и это заставило ThreadForm TinyMCE работать как шарм. Теперь мне нужно перебрать и изменить идентификатор каждой формы сообщения. Но должно быть лучшее решение. TinyMCE должен уметь отображать все текстовые поля. Может быть, вообще удалить идентификаторы?

Приведенное ниже решение работает для меня. По-видимому, что-то не так с кодом javascript по умолчанию TinyCME.

С текущими настройками ваших django и tinycme-django вам просто нужно добавить функцию js для перезаписи скрипта tinycme по умолчанию.

Перейдите к файлу .js, который загружается на вашу HTML-страницу, и добавьте функцию ниже:

(function ($) {
    function tinymce4_init(selector) {
        var tinymce4_config = { setup: function (editor) { editor.on('change', function () { editor.save(); }); }, "language": "en", "directionality": "ltr", "cleanup_on_startup": true, "custom_undo_redo_levels": 20, "selector": "textarea.tinymce4-editor", "theme": "modern", "plugins": "\n            textcolor save link image media preview codesample contextmenu\n            table code lists fullscreen  insertdatetime  nonbreaking\n            contextmenu directionality searchreplace wordcount visualblocks\n            visualchars code fullscreen autolink lists  charmap print  hr\n            anchor pagebreak\n            ", "toolbar1": "\n            fullscreen preview bold italic underline | fontselect,\n            fontsizeselect  | forecolor backcolor | alignleft alignright |\n            aligncenter alignjustify | indent outdent | bullist numlist table |\n            | link image media | codesample |\n            ", "toolbar2": "\n            visualblocks visualchars |\n            charmap hr pagebreak nonbreaking anchor |  code |\n            ", "contextmenu": "formats | link image", "menubar": true, "statusbar": true }; if (typeof selector != 'undefined') { tinymce4_config['selector'] = selector; }
        tinymce.init(tinymce4_config);
    }
    tinymce4_init();
})();

В приведенном выше сценарии измените selector: textarea.tinymce4-editor, чтобы он соответствовал вашему собственному классу / идентификатору / тегу. Это полный фрагмент со всеми плагинами и т. Д.

для упрощенной версии вы можете использовать:

 tinyMCE.init({
     selector: "#id_blog-content",
     theme: "modern"
 });

Где селектор относится к идентификатору / классу / тегу вашей формы.

@Nagra: Чтобы использовать уникальные идентификаторы для разных форм на одной html-странице, вы можете используйте префикс для формы. таким образом каждое поле вашей формы получает уникальный идентификатор в следующем формате:
id_{prefix}-{field name}.

У меня есть уникальные идентификаторы для каждой формы и селектора: textarea. Но это не решает проблемы.