2017-09-14 10 views
0

내 django 프로젝트에서 froala WYSIWYG를 사용하려고했습니다. 문서에 언급 된대로 모든 것을 설치하고 준비했지만 콘텐츠 필드는 여전히 텍스트 필드 으로 표시 되었습니까? ?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-editor를 사용하면 관리자 페이지에서 편집기가 작동합니다. 게시되지 않은 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" /> 

는 일을 당신은 당신이 이미하지 않은 경우 프로젝트의 설정에서 장고 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