froala django 在模板中不起作用
froala django doesn't work in template
我正在尝试在我的 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)
您是否在浏览器中检查过文件是否正在加载?您通过 /static/...
和 {{ STATIC_URL }}...
引用静态文件,但我建议使用您导入的 {% static '...' %}
template tag。它看起来像这样:
<link href="{% static 'froala_editor/css/font-awesome.min.css' %}" type="text/css" media="all" rel="stylesheet" />
要使其正常工作,您需要在项目设置中设置 Django staticfiles 应用程序(如果您尚未设置的话)。 The Django docs 将帮助您解决该问题。
我找到了这个答案 问题出在 Jquery 我在 Froala 脚本之前替换了主 Jquery 文件
我正在尝试在我的 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)
您是否在浏览器中检查过文件是否正在加载?您通过 /static/...
和 {{ STATIC_URL }}...
引用静态文件,但我建议使用您导入的 {% static '...' %}
template tag。它看起来像这样:
<link href="{% static 'froala_editor/css/font-awesome.min.css' %}" type="text/css" media="all" rel="stylesheet" />
要使其正常工作,您需要在项目设置中设置 Django staticfiles 应用程序(如果您尚未设置的话)。 The Django docs 将帮助您解决该问题。
我找到了这个答案