AEM Forms 작업 공간 사용자 정의에 대한 일반 단계

마지막 업데이트: 2023-09-22

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

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

  2. 만들기 sling:Folder 이름이 지정된 폴더 ws 위치: /apps: 존재하지 않는 경우입니다. 을(를) 만들려면 sling:Folder 폴더를 마우스 오른쪽 단추로 클릭하고 apps 폴더 및 선택 만들기 > 노드 만들기. 이름을 다음으로 지정 ws, 다음으로 유형 선택 sling:Folder, 및 클릭 확인. 모두 저장​을 클릭합니다.

  3. 다음으로 이동 /apps/ws로 이동한 다음 액세스 제어 탭.

  4. 다음 항목 선택 저장소 옵션을 선택합니다. 다음에서 액세스 제어 목록, 클릭 + 항목을 추가합니다. 클릭 + 다시.

  5. 검색 및 선택 PERM_WORKSPACE_USER 교장 선생님

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

  6. 제공 jcr:read 사용자 권한.

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

  8. 다음을 복사합니다. GET.jsp, index, 및 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. 열기 /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. 다음 이름의 폴더 만들기 js 위치: /apps/ws. 모두 저장​을 클릭합니다.

    2. 다음 이름의 폴더 만들기 libs 위치: /apps/ws/js. 모두 저장​을 클릭합니다.

    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.

이 페이지에서는