리치 텍스트 편집기 필수

개요

RTE(Rich Text Editor)에서는 마크업이 있는 텍스트를 입력하는 기능을 제공합니다.

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

rich-text-editor

리치 텍스트 편집기 사용

사용자 생성 콘텐츠(UGC)를 허용하는 커뮤니티 구성 요소를 활성화하여 RTE를 허용할 수 있습니다. 구성 요소가 페이지에 추가되었는지 또는 function 내에 포함되었는지에 따라 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
};

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now