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

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

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

  2. 이름이 없는 폴더 ws/apps만듭니다. 모두 저장을 클릭합니다.

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

  4. 액세스 제어 목록 에서 +를 클릭하여 새 항목을 추가합니다. 다시 + 클릭합니다.

  5. PERM_WORKSPACE_ USER Principal을 검색하고 선택합니다.

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

  6. 본인에게 jcr:read 권한 부여.

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

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

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

  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. Open /apps/ws/html.jsp and change from

    <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"/>
    
    노트

    위에서 보듯이 newStyle.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. 다음 폴더 js를 만듭니다 /apps/ws. 모두 저장을 클릭합니다.

    2. 다음 폴더 libs를 만듭니다 /apps/ws/js. 모두 저장을 클릭합니다.

    3. 다음 폴더 jqueryui를 만듭니다 /apps/ws/js/libs. 모두 저장을 클릭합니다.

    4. 복사 /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js/apps/ws/js/libs/jqueryui참조하십시오. 모두 저장을 클릭합니다.

  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.

이 페이지에서는