CKEditor를 사용하여 HTML에 대해 고정 된 구조를 가질 수 있습니까? 예를 들어 HTML5 자리 표시자는 편집기에 사용자 힌트로 표시되므로 사용자는 어떤 내용을 입력해야하는지 알 수 있습니다. 또한 사용자가 구조를 변경할 수 없어야합니다.Ckeditor 고정 HTML 구조
예제 구조는 다음과 같을 수 있으며 사용자가 텍스트를 입력 할 때까지 자리 표시 자 텍스트가 표시됩니다.
....
...
...
전술 한 바와 같이, 사용자는 구조/순서를 변경할 수 없어야 섹션.
이것은 CKEditor 위젯의 완벽한 사용 사례입니다. 간단히 말해, 위젯은 편집기 내에서 단일 엔티티로 간주되는 요소 그룹이라는 점에서 특별한 리치 콘텐츠 단위입니다. 일단 개발되면 구조체 (반드시 내용은 아닐 수도 있음)는 사용 된 CKEditor 인스턴스에 의해 변경되지 않고 적용됩니다. 따라서 이러한 요소를 미리 정의 된 구조를 그대로 유지하면서 편집 영역을 중심으로 자유롭게 선택하고 삭제하거나 이동할 수 있습니다. 동시에 위젯의 모든 개별 부분 ("구성 요소")은 전체 위젯 엔터티 및 프로세스의 구조에 영향을주지 않으면 서 별도로 편집하거나 구성 할 수 있습니다. 자세히 알아보기 : http://docs.ckeditor.com/#!/guide/dev_widgets
demoed here이며 실제로 this tutorial에 단계별로 만든 샘플 Simple Box 위젯을 살펴볼 수 있습니다. 사용자가 입력 할 수 있도록 미리 정의 된 필드와 불변 구조를 가진 간단한 템플릿 위젯을 만듭니다. 무엇보다 ACF (CKEditor 컨텐츠 필터링 메커니즘) 덕분에 요소 (및 속성, 스타일, 클래스)를 정의 할 수도 있습니다.)가 위젯 파트 각각에서 허용됩니다.
위젯은 정말 강력한 도구이므로 widget demo에 위젯 API의 다른 구현을 볼 수 있습니다.