ckeditor 예제

개발자는 자신의 프로젝트에서 CKEditor를 사용할 수 있습니다. 예를 들어 콘텐츠 공급자가 회사 웹 사이트 또는 인트라넷을 업데이트할 수 있도록 조직의 콘텐츠 관리 시스템에 CKEditor를 설치할 수 있습니다. 소량의 자바 스크립트와 HTML 코드로 CKEditor를 설정할 수 있습니다. 위의 예제를 설정하는 데 사용되는 코드는 다음과 같습니다. 그것은이 것과 같은 편집기, 단지, 그것은 더 많은 버튼이 있습니다. 또한 이 태그는 전체 페이지에 대한 HTML 태그를 생성합니다(다른 하나는 작은 HTML 스니펫을 생성합니다). 다운로드한 .zip 아카이브를 웹 사이트의 루트에 있는 ckeditor 디렉토리에 압축 해제(추출)합니다. 빌더를 사용하여 필요한 모든 플러그인번들을 구축하는 것은 사용자 정의 패키지를 사용하는 경우 매우 좋습니다, 특히 추가 타사 플러그인과 그. . 여러 개의 추가 플러그인을 로드할 때 특히 중요한 응용 프로그램 내에서 CKEditor 라이브러리를 로드하는 여러 가지 방법이 있습니다(각각 장단점이 있음). 모듈식 빌드와 다양한 구성 옵션을 통해 CKEditor를 사용자 지정할 수 있는 무한한 가능성을 제공합니다. config.js 파일의 내용을 다음 코드로 바꾸고 이 페이지를 새로 고칩니다(브라우저 cache.html을 지우십시오). 그것은 당신이 필요로하는 모든 것이어야하며, 분명히 HTML 파일에서 `ckeditor.js`파일을 호출하는 것을 잊지 마십시오.

. 이것은 CKEditor의 모든 기능을 갖춘 버전입니다. 이 버전은 도구 모음 옵션의 전체 범위와 함께 제공 (옵션의 작은 세트에 대 한, 표준 버전을 참조). 이 HTML 편집기에는 표준 도구 모음보다 더 큰 도구 모음이 있습니다. 그리고 당신은 그것이 무엇을 의미하는지 알아? 정확히… 더 많은 버튼! 도구 모음 단추를 다시 정렬하거나 일부 단추를 제거하려면 이 편리한 도구를 확인하십시오! 또한 편집기 샘플 페이지의 도구 모음 구성자 단추를 클릭하여 도구 모음을 필요에 맞게 조정할 수 있는 편리한 도구를 열 수 있습니다. . 다음은 몇 가지 중요한 텍스트입니다. 그리고 여기에 강조 된 텍스트입니다. 모든 코드는 포스터에 속하며 라이센스가 적용되지 않습니다. JSFiddle 또는 그 저자는 제공된 코드를 사용함에 따라 모든 종류의 손실이나 손해에 대해 책임을 지지 않습니다. 인라인 편집기는 클래식 편집기와 달리 편집 영역을 둘러싼 요소가 없기 때문에 실제 WYSIWYG 경험을 “즉시” 제공합니다.

편집기 콘텐츠에 사용되는 CSS 스타일은 콘텐츠가 렌더링되는 대상 페이지와 정확히 동일합니다. 위의 모든 설정은 기본, 표준 또는 전체 배포판에 기본적으로 포함되지 않은 몇 가지 추가 플러그인을 사용했습니다. . 주: config.blockToolbar 옵션을 사용하여 블록 도구 모음 항목을 구성할 수 있습니다. 서버 측 통신을 최소화하고 풍부한 사용자 환경을 제공하면서 편집기 인스턴스를 쉽게 생성, 상호 작용 및 파괴할 수 있습니다. CKEditor는 현재와 미래의 응용 프로그램에 부합합니다. 클래식 편집기 빌드로드 (여기 CDN 위치가 사용됨) : 버그 추적기 로드맵 (기능에 대한 투표) 문서 서비스 상태에 대해 언뜻 보기에 CKEditor에 플러그인을 추가하는 가장 간단한 방법처럼 보이지만 비효율적 일뿐만 아니라 플러그인 A를 추가 하려고 할 때 두통, 그 플러그인 B를 필요로, 그 플러그인 C를 필요로 (… 등등).

. 웹 사이트 개발자가 정의한 보다 복잡한 스타일 지정 및 의미 체계 규칙뿐만 아니라 굵게 및 기울임꼴과 같은 기본 스타일을 쉽게 적용합니다. 풍부한 스타일, 제어하에. 이 편집기는 전체 페이지 : true 옵션을 사용하여 구성되었습니다.