使用django-froala-editor,管理页面中的编辑器在post页面中不起作用?未捕获TypeError:$(...)。froalaEditor不是函数

时间:2016-01-22 07:24:54

标签: javascript jquery django froala

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

<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编辑死了吗?或者我做错了吗?

1 个答案:

答案 0 :(得分:0)

如果未设置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;
}

所以只需将其添加到您的项目中即可。还要确保包含所有文件。也许您错过了已添加此功能的文件。