froala django在模板中不起作用

时间:2017-09-14 19:27:09

标签: python django wysiwyg froala

我正在尝试在我的django项目中使用froala WYSIWYG我安装并准备了所有内容,因为它在文档中提到 但内容字段仍显示为文本字段 任何解决方案?

我的代码 forms.py

from django import forms
from .models import BlogPost
from froala_editor.widgets import FroalaEditor

class PostForm(forms.ModelForm):
    content = forms.CharField(widget=FroalaEditor())
    class Meta:
        model = BlogPost
        fields = ('title','body','thumb','tags')

模板

{% load static %}
{% load crispy_forms_tags %}
        <html>
        <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
                <link rel="stylesheet" type="text/css" href="/static/font-awesome/css/font-awesome.min.css">
                <link rel="stylesheet" type="text/css" href="/static/font-awesome/css/font-awesome.css">
    <link href="{{STATIC_URL}}froala_editor/css/font-awesome.min.css" type="text/css" media="all" rel="stylesheet" />
    <link href="{{STATIC_URL}}froala_editor/css/froala_editor.min.css" type="text/css" media="all" rel="stylesheet" />
    <script type="text/javascript" src="{{STATIC_URL}}froala_editor/js/froala_editor.min.js"></script
    </head>
    <body>
<form method="POST" class="padding" enctype="multipart/form-data">
        {% csrf_token %}
        {{ editor|crispy }}        
  </form>
    </body>

        </html>

请注意

 editor = PostForm(request.POST, request.FILES ) 

在我的观点中

我遇到了jquery cookies问题 错误:

Uncaught ReferenceError: getCookie is not defined
    at HTMLDocument.<anonymous> ((index):72)
    at i (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at Function.ready (jquery.min.js:2)
    at HTMLDocument.K (jquery.min.js:2)

2 个答案:

答案 0 :(得分:0)

您是否已在浏览器中检查文件是否正在加载?您/static/...{{ STATIC_URL }}...都引用了静态文件,但我建议您使用已导入的{% static '...' %} template tag。它看起来像这样:

<link href="{% static 'froala_editor/css/font-awesome.min.css' %}" type="text/css" media="all" rel="stylesheet" />

为了实现这一目标,如果您还没有,则需要在项目设置中设置Django静态文件应用程序。 The Django docs将帮助您整理出该部分。

答案 1 :(得分:0)

我发现这个答案Using django-froala-editor, the editor works in admin page won't work in post page问题出在Jquery我在Froala脚本之前替换了主要的Jquery文件