froala django 在模板中不起作用答案

【问题标题】：froala django doesn't work in templatefroala django 在模板中不起作用
【发布时间】：2017-09-14 19:27:08
【问题描述】：

我正在尝试在我的 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 cookie 时遇到问题错误：

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)

【问题讨论】：

感谢@Awin，这就是答案：Using django-froala-editor, the editor works in admin page won't work in post page?Uncaught TypeError: $(…).froalaEditor is not a function

标签： python django wysiwyg froala

【解决方案1】：

您是否已在浏览器中查看文件是否正在加载？您通过/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 将帮助您解决这部分问题。

【讨论】：

即使在目录中也找不到像“froala_editor/css/froala-django.css”和“froala_editor/js/froala-django.js”这样的文件，并且我的静态文件路径安装正确跨度>
这些文件在 froala_editor/widgets.py 中被引用
@a7me3D 对于以后搜索的人，你能提到是什么修复了它吗？另外，如果我的回答有帮助，欢迎采纳！
我找到了这个答案Using django-froala-editor, the editor works in admin page won't work in post page 问题出在 jquery 中，我在 froala 脚本之前替换了主 jquery 文件

【解决方案2】：

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

【讨论】：