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

개요

리치 텍스트 편집기(RTE)가 마크업으로 텍스트를 입력하는 기능을 제공합니다.

커뮤니티 구성 요소의 경우 작성 환경의 리치 텍스트 편집기와 유사하지만, 게시 환경에 입력한 텍스트에 영향을 줍니다.

chlimage_1-410

리치 텍스트 편집기 활성화

RTE를 허용하도록 사용자 생성 콘텐츠(UGC)를 허용하는 커뮤니티 구성 요소를 활성화할 수 있습니다. 구성 요소가 페이지에 추가되었는지 또는 함수 내에 포함되었는지에 따라, RTE는 기본적으로 활성화되어 있지 않을 수 있습니다.

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

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

사용자 지정

구현은 CKEditor를 기반으로 하므로 리치 텍스트 편집기의 사용자 지정이 가능합니다.

커뮤니티 구성 요소에 대한 현재 구성은 저장소의 cq.social. scf clientlib에 있습니다.

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

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

보안 문제로 인해 하이퍼링크 옵션은 기본적으로 구성원에게 제공되는 리치 텍스트 아이콘 세트에 포함되지 않습니다. UGC에서 해커가 허용될 때 해악 능력이 광범위하다.

도구 모음에 하이퍼링크 옵션을 추가하려면

  • " 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
};

이 페이지에서는