장고:썸머노트 설치
편집하기
Sam
(
토론
|
기여
)
님의 2020년 11월 12일 (목) 20:29 판
(
→과정
)
(
차이
)
← 이전 판
|
최신판
(
차이
) |
다음 판 →
(
차이
)
둘러보기로 이동
검색으로 이동
경고: 이 문서의 오래된 판을 편집하고 있습니다.
이것을 게시하면, 이 판 이후로 바뀐 모든 편집이 사라집니다.
경고:
로그인하지 않았습니다. 편집을 하면 IP 주소가 공개되게 됩니다.
로그인
하거나
계정을 생성하면
편집자가 사용자 이름으로 기록되고, 다른 장점도 있습니다.
스팸 방지 검사입니다. 이것을 입력하지
마세요
!
{{장고}} ==개요== 일반적인 textarea에서 표현할 수 있는 방식은 굉장히 적다. 적어도 위키처럼 목차관리를 해준다든가, 링크를 만든다든가 정도는 되야 하지 않을까. 많이 사용되는 에디터인 섬머노트를 장고에 설치해본다. 이미 장고앱으로 개발되어 있어 쉽게 설치가 가능하다. ==과정== {| class="wikitable" |+ !과정 !설명 |- |<code>pip install django-summernote</code> |장고에서 사용하는 썸머노트를 설치. |- |settings.py의 APP 등록 |<code>'django_summernote',</code> 추가 |- |settings.py 설정 |이미지 업로드를 위해 <code>MEDIA_URL = '/media/'</code> <code>MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')</code> 추가 |- |settings.py 설정 |클릭재킹 방지설정 변경. 'django.middleware.clickjacking.XFrameOptionsMiddleware'라는 미들웨어가 클릭재킹을 방지해주는데, 기본설정이 DENY다. 때문에 아래 옵션을 주어 설정을 변경해준다.<syntaxhighlight lang="python"> #클릭재킹 방지설정 변경 X_FRAME_OPTIONS = 'SAMEORIGIN' </syntaxhighlight><br /> |- |urls.py 변경 |루트 urls.py에 다음의 코드를 추가한다. <code>path('summernote/', include('django_summernote.urls')),</code> |- |모델 만들기 |기존에 사용하던 모델이 있다면 굳이 만들 필요는 없겠다.<syntaxhighlight lang="python"> from django.db import models class Post(models.Model): title = models.CharField(max_length=10) content = models.TextField() def __str__(self): return self.title </syntaxhighlight> |- |폼 만들기 |기존에 사용하던 폼이 있다면 내용을 추가해주면 된다.<syntaxhighlight lang="python"> from django import forms from .models import Post from django_summernote.widgets import SummernoteWidget class PostForm(forms.ModelForm): class Meta: model = Post fields = ['title', 'content'] widgets = {'content': SummernoteWidget(),} </syntaxhighlight>폼까지 완성했으면 기존의 탬플릿이 잘 작동하나 확인해본다. <nowiki>혹시나 {{</nowiki> |- |탬플릿 변경 |<nowiki>썸머노트로 입력한 내용은 html코드로 나온다. 탬플릿 필터 |safe 를 사용하여 detail.html의 콘텐츠 부분을 다음과 같이 수정한다.</nowiki><syntaxhighlight lang="html+django"> <div class="card-text" style="white-space: pre-line;">{{ question.content| safe }}</div> </syntaxhighlight> |}
요약:
학교의 모든 지식. SMwiki에서의 모든 기여는 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 라이선스로 배포된다는 점을 유의해 주세요(자세한 내용에 대해서는
학교의 모든 지식. SMwiki:저작권
문서를 읽어주세요). 만약 여기에 동의하지 않는다면 문서를 저장하지 말아 주세요.
또한, 직접 작성했거나 퍼블릭 도메인과 같은 자유 문서에서 가져왔다는 것을 보증해야 합니다.
저작권이 있는 내용을 허가 없이 저장하지 마세요!
취소
편집 도움말
(새 창에서 열림)
이 문서에서 사용한 틀:
틀:장고
(
원본 보기
) (보호됨)
둘러보기 메뉴
개인 도구
로그인하지 않음
토론
기여
로그인
이름공간
문서
토론
한국어
보기
읽기
편집
원본 편집
역사 보기
더 보기
검색
둘러보기
대문
최근 바뀜
임의의 문서로
미디어위키 도움말
도구
여기를 가리키는 문서
가리키는 글의 최근 바뀜
특수 문서 목록
문서 정보