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 페이지에서 블로그 생성 페이지로 들어가 봅시다.
- 다양하게 글자를 편집할 수 있는 툴이 나타나게 됩니다.
