Django

CKEditor(1)

CKEditor

  • 이번 토픽에서는 'body'의 글자를 예쁘게 꾸밀 수 있는 텍스트 편집기를 사용해보도록 합니다.
     
  • CKEditor는 위지위그 방식의 텍스트 편집기입니다.
    위지위그(WYSIWYG: What You See Is What You Get)란?
    블로그나 웹 페이지에서 글을 쓸 때, 눈에 보이는 글씨의 모양 그대로 문서 편집을 할 수 있는 것을 말합니다.
    참고)CKEditor란? : https://ko.wikipedia.org/wiki/CKEditor
     
  • CKEditor는 대부분의 브라우저에서 지원합니다.
     
  • 이 툴을 이용하면 간단하게 문서 편집 기능을 사용자에게 제공할 수 있습니다.

 

 

 

 

CKEditor Tool 설치 및 등록

터미널을 엽니다.
pip install django-ckeditor

 

[firstProject]-[settings.py]를 엽니다.
[INSTALLED_APPS]에 앱을 등록합니다.
'ckeditor',

 

[blogapp]-[models.py]에서 다음과 같이 수정합니다.
from ckeditor.fields import RichTextField

body = RichTextField()

 

[Tools]-[Run manage.py Task]를 열고, 다음 명령을 실행하여 데이터베이스 모델을 적용시킵니다.
makemigrations
migrate

 

[firstProject]-[settings.py]에서 가장 아래에 [STATIC_ROOT]가 있는지 확인합니다.
우리는 이미 'static'을 모으기 위해 만든 적이 있습니다. 없다면 추가해 주세요.
  • 이 작업을 해주는 이유는 CKEditor가 핵심 코드가 자바스크립트로 이루어져있기 때문에 이를 [static]으로 모아주어야 하기 때문입니다.

 

[Tools]-[Run manage.py Task]를 열고 'static' 파일들을 모아줍니다.
collectstatic
[yes]를 입력합니다.

 

 

 

 

적용 확인

  • 서버를 구동시킨 후 admin 페이지에서 블로그 생성 페이지로 들어가 봅시다.
  • 다양하게 글자를 편집할 수 있는 툴이 나타나게 됩니다.

 

 

 

댓글

댓글 본문
버전 관리
KNUT X LIKE LION
현재 버전
선택 버전
graphittie 자세히 보기