javascript - 使用 django-froala-editor，管理页面中的编辑器在帖子页面中不起作用？未捕获的 TypeError: $(...).froalaEditor is not a function

Question

对不起，如果我以前的帖子不清楚。我正在使用 django-froala-editor，https://github.com/froala/django-froala-editor但它不起作用。我记得在我的上一个项目中使用过它，但这次它不起作用。我安装并配置了它，在管理页面内它可以工作，但在管理页面外它不会工作。我按照医生说的{{form.media}}做了，但它不起作用。在控制台中我得到 U$(...).froalaEditor is not a function

<script>
            $(function(){
                $('#id_content').froalaEditor({"imageUploadURL": "/froala_editor/image_upload/", "fileUploadParams": {"csrfmiddlewaretoken": getCookie("csrftoken")}, "inlineMode": false, "fileUploadURL": "/froala_editor/file_upload/", "imageUploadParams": {"csrfmiddlewaretoken": getCookie("csrftoken")}})
            });
        </script>

我没有写。我有这个

    {{ form | as_bootstrap }}

在我的 forms.py

    content = forms.CharField(widget=FroalaEditor)

froala 编辑死了吗？还是我做错了？

Answer 1

如果未设置 getCookie 功能，则可以根据此页面添加它： https ://docs.djangoproject.com/en/1.9/ref/csrf/

// using jQuery
function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) == (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}

因此，只需将其添加到您的项目中。还要确保您已包含所有文件。也许您缺少已添加此功能的文件。