AEM Forms 작업 영역 사용자 지정을 위한 일반 단계

사용자 지정을 수행하는 일반적인 단계는 다음과 같습니다.

  1. https://'[server]:[port]'/lc/crx/de/index.jsp에 액세스하여 CRXDE Lite에 로그인합니다.

  2. /appsws이라는 이름의 sling:Folder 폴더가 없는 경우 만듭니다. sling:Folder 폴더를 만들려면 apps 폴더를 마우스 오른쪽 단추로 클릭하고 만들기 > 노드 만들기​를 선택합니다. 이름을 ws으로 지정하고 sling:Folder 유형을 선택하고 확인​을 클릭합니다. 모두 저장​을 클릭합니다.

  3. /apps/ws으로 이동하여 액세스 제어 탭으로 이동합니다.

  4. 리포지토리 옵션을 선택합니다. 액세스 제어 목록에서 +​을 클릭하여 새 항목을 추가합니다. +​을 다시 클릭합니다.

  5. PERM_WORKSPACE_USER 주체를 검색하고 선택합니다.

    HTML 작업 영역을 사용자 지정하기 위한 일반 단계의 일부로 PERM_WORKSPACE_USER 주도자를 선택합니다.

  6. jcr:read 권한을 주체에 지정합니다.

  7. 모두 저장​을 클릭합니다.

  8. /libs/ws 폴더에서 GET.jsp, indexhtml.jsp 파일을 /apps/ws 폴더로 복사합니다.

  9. /apps/ws 폴더의 /libs/ws/locales 폴더를 복사합니다. 모두 저장​을 클릭합니다.

  10. 아래와 같이 GET.jsp 파일에서 참조와 상대 경로를 업데이트하고 모두 저장​을 클릭합니다.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
  11. CSS 사용자 정의에 대해서는 다음을 수행합니다.

    1. /apps/ws 폴더로 이동하여 css라는 새 폴더를 만듭니다.

    2. css 폴더에서 newStyle.css라는 새 파일을 만듭니다.

    3. /apps/ws/html.jsp를 열고

    <link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
    

    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
    
    노트

    위에 표시된 것처럼 style.css 항목 뒤에 사용자 정의 CSS 파일의 항목을 배치합니다.

  12. /apps/ws/html.jsp 파일에서

    <script data-main="js/main" src="js/libs/require/require.js"></script>
    

    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
    
  13. 다음을 수행합니다.

    1. /apps/wsjs이라는 폴더를 만듭니다. 모두 저장​을 클릭합니다.

    2. /apps/ws/jslibs이라는 폴더를 만듭니다. 모두 저장​을 클릭합니다.

    3. /libs/ws/js/libs/jqueryui 폴더를 /apps/ws/js/libs에 복사합니다. 모두 저장​을 클릭합니다.

  14. HTML 사용자 정의에 대해서는 다음을 수행합니다.

    1. /apps/ws/js 아래에서 runtime 폴더를 만듭니다. 모두 저장​을 클릭합니다.

    2. /apps/ws/js/runtime 아래에서 templates 폴더를 만듭니다. 모두 저장​을 클릭합니다.

    3. /libs/ws/js/main.js을(를) /apps/ws/js/main.js에 복사합니다.

    4. /libs/ws/js/registry.js을 /apps/ws/js/registry.js에 복사합니다.

  15. 모두 저장​을 클릭하고, 캐시를 지우고 AEM Forms 작업 영역을 새로 고칩니다.

    URL https://'[server]:[port]'/lc/ws에 액세스하고 관리자/암호 자격 증명으로 로그인합니다. 브라우저가 https://'[server]:[port]'/lc/apps/ws/index.html으로 리디렉션됩니다.

이 페이지에서는

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