케이디터

CKEditor
케이디터
CKEditor 4 & CKEditor 5 logos
CKEditor 4 & CKEditor 5 로고
CKEditor 4 Article Editor screenshot.png
CKEditor 4 기사 편집기 스크린샷
원본 작성자프레데리코 칼데이라 크나벤
개발자CKSource
안정적 해제
CKEditor 44.17 / 2021년 8월 27일; 6개월(2021-08-27)
CKEditor 529.2.0 / 2021년 8월 30일; 6개월(2021-08-30)
리포지토리CKEditor 4 GitHub repo CKEditor 5 GitHub repo
기록 위치자바스크립트
유형HTML 편집기, 온라인 리치 텍스트 편집기
면허증CKEditor 5: GPL상업.CKEditor 4: GPL, LGPL, MPL상업용[1]
웹사이트ckeditor.com

CKEditor(이전의 FCKeditor)는 WYSIWYG 리치 텍스트 편집기로, 웹 페이지나 온라인 애플리케이션 내부에 직접 콘텐츠를 작성할 수 있다.[2][3][4][5]핵심코드는 자바스크립트로 작성돼 있고, CKSource가 개발했다.CKEditor는 오픈 소스 및 상업용 라이센스로 이용할 수 있다.[6]

역사

FCKeditor 및 CKEditor 3

FCKeditor라는 이름으로 CKEditor의 첫 번째 버전은 편집자이자 프로젝트의 '인정적인 삶을 위한 독재자'를 만든 프레데리코 칼데이라 크나벤에 의해 2003년 3월에 발매되었다.300만 건 이상의 다운로드에 도달한 후, 성능, 접근성 및 새로운 UI에 특별한 주의를 기울이면서 FCKeditor를 완전히 검토하고 CKEditor 3으로 재설계하였다.[7]

CKEditor 4

2012년 12월, CKEditor 4는 인라인 편집 솔루션, 재포맷된 소스 코드, 향상된 DOM 및 CSS 성능으로 출시되었다.서버측 구현이 제거되었다.

CKEditor 5

5년 후인 2018년에는 CKEditor 5가 첫 번째 안정화 버전이 도입되었다.처음부터 코드를 다시 작성한 CKEditor 5는 사용자 정의 데이터 모델과 아키텍처를 가지고 있다.편집자는 실시간 협업 UX를 만드는 데 필요한 많은 다른 메커니즘뿐만 아니라 트리 구조 모델의 운영적 변환을 구현한다.[8]

CKEditor 5는 모든 편집 솔루션을 개발할 수 있는 풍부한 API를 제공하는[9] 자바스크립트 프레임워크다.또한 CKEditor 5는 바로 사용할 수 있는 편집기인 빌드를 제공하며, 현재 5개의 빌드를 다운로드할 수 있다.클래식, 인라인, 벌룬, 벌룬 블록 및 문서.[10]

CKEditor 생태계

2017년 10월 CKSource는 CKEditor 생태계를 출범시켰다.2020년 현재 다음과 같은 제품으로 구성된다.

  • CKEditor 4.
  • CKEditor 5 빌드CKEditor 5 프레임워크.
  • 모든 응용프로그램 내에서 실시간 협업 편집을 가능하게 하는 소프트웨어 구성요소인 Letters.[11]
  • 이미지 업로드 및 관리 구성요소인 CKFinder.
  • 편집 기능과 실시간 협업 서비스를 제공하는 클라우드 플랫폼인 CKEditor Cloud Services.

특징들

CKEditor 4는 스타일 포맷(볼드, 기울임꼴, 밑줄, 글머리 기호 및 번호 목록), 테이블, 블록 인용, 웹 리소스 연결, 안전 실행 취소 기능, 이미지 삽입, Word에서 붙여넣기 및 기타 일반적인 HTML 서식 도구와 같은 데스크탑 워드 프로세서에서 찾을 수 있는 기능을 가지고 있다.또한 CKEditor 4에는 WebSpeellChecker LLC에 의해 플러그인으로 제공되는 철자 검사 기능이 내장되어 있다.기본적으로 배너 광고와 함께 무료로 이용할 수 있다.[6] 본문의 철자를 확인하고 모든 오류를 빨간색 물결선으로 표시하여 사용자가 올바른 제안 중 하나를 선택할 수 있도록 한다.

현재 CKEditor 4와 함께 사용할 수 있는 많은 플러그인이 CKFinderAccessibility Checker(CKSource의 플러그인)와 같은 다양한 요구를 충족시킬 수 있다.CKFinder는 편집자로 작성된 콘텐츠에 파일 및 이미지를 포함시키기 위한 파일 관리자다.CKEditor 4 및 5와 모두 호환되며 상업용 라이센스로 사용할 수 있다.

내게 필요한 옵션 체커는 오픈 소스 및 상업용 라이센스에서 모두 사용할 수 있다.

실시간 협업 편집

CKEditor 5의 아키텍처와 맞춤형 데이터 모델을 통해 실시간 협업 편집이 가능하다.

사용자 정의 협업 솔루션은 CKEditor 5 Framework 구성요소를 사용하여 구축할 수 있으며, CKEditor Cloud Services에 연결하여 실시간 협업 편집이 가능하다.

CKEditor 5 (Letters)를 기반으로 한 사용 준비된 드롭인 구성요소는 실시간 협업 작성을 위한 완벽한 솔루션을 제공한다.[12]

브라우저 호환성

CKEditor 4는 Google Chrome, Firefox, Safari, Microsoft Edge, Opera, Internet Explorer 10 및 11의 최신 안정형 릴리즈를 포함하여 대부분의 인터넷 브라우저와 완벽하게 호환된다.[13]모바일 환경에서는 사파리(iOS6 +)와 크롬(Android)에서 전폭 지원에 가깝다.[13]

CKEditor 5는 또한 Google Chrome, Firefox, Safari, Opera 및 Microsoft Edge와도 호환된다.그러나 아직은 인터넷 익스플로러 11을 지원하지 않는다.[14]

참조

  1. ^ CKEditor 라이센스 페이지
  2. ^ Kumar, Neeraj; Koutlas, Tassos; Keen, Samuel; Crompton, Edward; Kanth, Krishna; James, Rakesh; Tewari, Malabya; Madel, Kurt (2016). Drupal 8 Development: Beginner's Guide. Packt Publishing Ltd. pp. 145–159. ISBN 9781785286261. Retrieved 11 June 2019.
  3. ^ Dombrowski, Quinn (2016). Drupal for Humanists. Texas A&M University Press. ISBN 9781623494735. Retrieved 11 June 2019.
  4. ^ Jin, David; Lin, Sally (2011). Advances in Multimedia, Software Engineering and Computing Vol.1: Proceedings of the 2011 MESC International Conference on Multimedia, Software Engineering and Computing, November 26-27, Wuhan, China. Springer Science & Business Media. ISBN 9783642259890. Retrieved 11 June 2019.
  5. ^ Byron, Angela; Berry, Addison; Robbins, Jeff; Haug, Nathan; Berry, Heather; Eaton, Jeff; Walker, James (2009). Using Drupal. "O'Reilly Media, Inc.". ISBN 9780596515805. Retrieved 11 June 2019.
  6. ^ "CKEditor Pricing". CKEditor Official Page.
  7. ^ "CKEditor 3.0 is here!". 2009-08-21. Retrieved 2020-03-20.
  8. ^ "CKEditor 5 v10.0.0 – the future of rich text editing looks stable". ckeditor.com. Retrieved 2018-05-07.
  9. ^ "API documentation". Retrieved 4 August 2020.
  10. ^ "CKEditor Ecosystem Documentation: Overview".
  11. ^ "Letters - Overview". Retrieved 4 August 2020.
  12. ^ "Bringing collaborative editing to any application". ckeditor.com. Retrieved 2017-11-23.
  13. ^ a b "CKEditor Browser Compatibility". docs.cksource.com.
  14. ^ "Browser compatibility". CKEditor 5 documentation. Retrieved 4 August 2020.

외부 링크