2017-09-14 107 views
0

我想要使用froala所见即所得在我的Django项目我安装并准备好了,因为它是提到在文档 但仍显示为文本字段 因此任何解决方案的内容领域? ?froala Django的模板不工作

我的代码 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的饼干 错误:

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) 
+0

感谢@Awin这就是答案: [使用django-froala编辑器,编辑器在管理页面工作将不会在post页面工作?未捕获TypeError:$(...).froalaEditor不是函数]( https://stackoverflow.com/questions/34941170/using-django-froala-editor-the-editor-works-in-admin-page-wont-work-in-post-pa) – a7me3D

回答

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的staticfiles应用在项目的设置,如果你还没有准备好。 The Django docs将帮助你把那个部分整理出来。

+0

那里的文件像'froala_editor/css /froala-django.css'和'froala_editor/js/froala-django.js',即使在目录中也找不到,并且我的staticfiles路径安装正确 – a7me3D

+0

这些文件在froala_editor/widgets.py中引用 – a7me3D

+0

感谢您的评论我找到解决方案 – a7me3D