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

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

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

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

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

  4. Access Control 목록에서 +​를 클릭하여 새 항목을 추가합니다. + 를 다시 클릭합니다.

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

    PERM_WORKSPACE_USER 주도자를 일반 단계의 일부로 선택하여 HTML 작업 공간을 사용자 지정합니다

  6. jcr:read 권한을 주도자에게 부여합니다.

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

  8. /libs/ws 폴더의 GET.jsp 및 html.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"/>
    노트

    위에 표시된 대로 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. /apps/ws에서 js이라는 폴더를 만듭니다. 모두 저장​을 클릭합니다.
    2. /apps/ws/js에서 libs이라는 폴더를 만듭니다. 모두 저장​을 클릭합니다.
    3. /apps/ws/js/libs에서 jqueryui이라는 폴더를 만듭니다. 모두 저장​을 클릭합니다.
    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으로 리디렉션됩니다.

이 페이지에서는