리치 텍스트 편집기 핵심 사항

개요

리치 텍스트 편집기(RTE)를 사용하면 마크업이 있는 텍스트를 입력할 수 있습니다.

Communities 구성 요소용 작성 환경의 리치 텍스트 편집기: 게시 환경에 입력된 텍스트에 영향을 줍니다.

리치 텍스트 편집기 활성화

UGC(사용자 생성 컨텐츠)를 허용하는 커뮤니티 구성 요소를 활성화하여 RTE를 허용할 수 있습니다. 구성 요소가 페이지에 추가되거나 내에 포함된 경우 함수, RTE는 기본적으로 활성화되어 있을 수도 있고, 활성화되어 있지 않을 수도 있습니다.

활성화되지 않은 경우 을 입력하기만 하면 됩니다. 작성자 편집 모드를 클릭하고 편집할 구성 요소를 선택한 다음, Rich Text Editor 확인란.

RTE는 다음 커뮤니티 구성 요소에 사용할 수 있습니다.

• 블로그
• 달력
• 댓글
• 파일 라이브러리
• 포럼
• 메시지
• QnA
• 리뷰

사용자 지정

구현이 다음을 기반으로 하므로 리치 텍스트 편집기를 사용자 지정할 수 있습니다. 편집기.

Communities 구성 요소에 대한 현재 구성은 cq.social. scf clientlib, 저장소의

/libs/clientlibs/social/commons/scf/ckrte.js

향후 업그레이드가 편집 내용을 재정의할 수 있으므로 cq.social.scf clientlib을 수정하지 않는 것이 좋습니다.

예제 사용자 정의: 인라인 링크

보안상의 문제로 인해 하이퍼링크 옵션은 기본적으로 구성원에게 제공되는 서식 있는 텍스트 아이콘 집합에 포함되지 않습니다. UGC에서 href가 허용되었을 때, 장난을 할 수 있는 능력은 광범위하다.

도구 모음에 하이퍼링크 옵션을 추가하려면 다음을 수행합니다.

• ""라는 도구 모음 추가 links"
  • { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
• 선택 모두 저장

/libs/clientlibs/social/commons/scf/ckrte.js

CKRte.prototype.config = {
    toolbar: [
        { name: "basicstyles",
           items: ["Bold", "Italic", "Underline", "NumberedList", "BulletedList", "Outdent", "Indent", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock", "TextColor"]
        },
        { name: 'links',
           items: [ 'Link','Unlink','Anchor' ]
        }
    ],
    autoParagraph: false,
    autoUpdateElement: false,
    removePlugins: "elementspath",
    resize_enabled: false
};