JavaScript 코드 요소 추가

템플리트에서 사용하는 각각의 코드 블록에 대해 JavaScript 코드 요소를 사용하십시오.
제한사항: 새 기능 아이콘 JavaScript 코드 요소는 버전 2 템플리트에서만 사용 가능합니다.

이 태스크 정보

JavaScript는 단순 인수부터 복합 스크립트까지 다양합니다.
  • 단순 인수의 경우, 요소(예: 텍스트 요소)의 컨텐츠에 스크립트를 적용할 수 있습니다. 텍스트 요소를 두 번 클릭하고 스크립트 표현식 탭을 선택한 후 스크립트를 입력하십시오.
  • 복합 스크립트의 경우 이 태스크로 JavaScript 코드 요소를 사용하여 스크립트를 적용할 수 있습니다.
다음은 요소의 스크립트 표현식 탭에 JavaScript 코드 요소를 사용하는 경우의 장점입니다.
  • 다른 사용자의 스크립트를 재사용할 수 있습니다.
  • 실행 순서에 상관없이 계산을 그룹화할 수 있습니다.
  • 일반 및 복합 데이터 구조(예: 콜렉션)를 작성하고 해당 데이터 구조에 계속 추가할 수 있습니다.
    팁: Rational® Publishing Engine V2.1 릴리스부터 스크립트 코드에서 라이브러리 스크립트 특성을 설정하여 하나의 JavaScript 코드 요소에 정의된 함수를 다른 JavaScript 코드 또는 스크립트 표현식에서 호출할 수 있습니다. 라이브러리 스크립트 특성을 설정하려면 JavaScript 코드 요소의 특성 보기로 이동하여 특정 탭을 선택하고 라이브러리 스크립트 선택란을 사용하십시오. 라이브러리 스크립트 특성에 대한 자세한 정보는 JavaScript 코드 요소 특성을 참조하십시오.

JavaScript 파일 utils.js는 보고서 출력에 현재 날짜를 포함하는 것과 같이 단순 JavaScript에 사용하도록 설치 파일 및 사전 정의된 문서 빌더 컴포넌트 파일에 포함되어 있습니다.

템플리트에서 기존 JavaScript코드의 목록을 보려면 템플리트 > JavaScript 검토를 클릭하십시오. 검색 보기가 열리고 JavaScript를 사용하는 요소 목록이 표시됩니다. 기본 필터는 이 컨텍스트에서 JavaScript로 간주되지 않습니다. 기본 필터는 검색 결과에 나열되지 않습니다.

프로시저

  1. JavaScript 작업을 시작하기 전에 템플리트를 저장하십시오.
  2. 팔레트 보기에서 JavaScript 코드 아이콘JavaScript 코드 요소를 선택하여 템플리트 컨텐츠 편집기로 끌어오십시오.
  3. JavaScript 코드 요소를 두 번 클릭하십시오.
  4. 스크립트 표현식 탭에서 JavaScript 코드를 적용할 변수를 트리에서 선택하십시오.
  5. 다음 옵션 중 하나를 사용하여 JavaScript 코드를 입력하십시오.
    • 이 창에서 수동으로 스크립트 작성
    • 외부 편집기에서 이 창으로 스크립트 복사하여 붙여넣기
    • 스크립트 포함을 클릭하고 컴퓨터, 원격 서버 또는 문서 빌더 컴포넌트에서 파일 선택
  6. 옵션: XHTML에서 스크립트를 복사한 경우 다음을 수행할 수 있습니다.
    • XHTML 입력 옵션을 선택하여 스크립트에 포함된 XHTML 태그를 편집할 수 있게 합니다.
    • XHTML 입력 옵션을 선택 취소하여 스크립트에서 XHTML 태그를 모두 제거합니다.
    서식있는 텍스트를 복사하거나 조건에서 서식있는 텍스트를 사용하는 경우 XHTML 입력 옵션을 선택해야 합니다.
    중요사항: 올바르지 않은 XHTML로 인해 문서 생성이 실패했습니다. 변경사항을 저장하기 전에 XHTML이 올바른지 확인하십시오.
  7. 옵션: 템플리트를 XHTML 출력에 생성하는 경우 다음을 수행할 수 있습니다.
    • XHTML 출력 옵션을 선택하여 스크립트를 구문 분석하고 스크립트를 서식있는 텍스트로 렌더링합니다.
    • XHTML 출력 옵션을 선택 취소하여 스크립트를 일반 텍스트로 처리합니다.
    이 선택사항은 표현식의 모든 데이터 소스 속성에 적용됩니다. 스크립트에서 일반 텍스트와 XHTML을 혼합할 수는 없습니다.

    서식있는 텍스트를 복사하거나 서식있는 텍스트를 임시적으로 작성하는 경우에는 XHTML 출력 옵션을 선택해야 합니다.

  8. 스크립트를 입력한 후 스크립트 테스트를 클릭하여 코드의 유효성을 검증하십시오. JavaScript에 오류가 있는 경우 문서 생성이 올바르게 완료되지 않을 수 있습니다.
  9. 확인을 클릭하여 변경사항을 저장하십시오. 요소에서 코드 블록이 접힙니다. 템플리트 컨텐츠 편집기에서 코드를 펼쳐서 볼 수 있습니다.

JavaScript 편집기에서 작업

JavaScript 편집기를 사용하여 스크립트에서 구문 색상 및 컨텐츠 지원을 작업합니다.

이 태스크 정보

구문 색상은 JavaScript 소스 코드가 고유 색상 및 스타일을 사용하여 렌더링되는 방식을 지정합니다. 기본 구문 색상 환경 설정을 변경하려면 Document Studio에서 > 환경 설정 > JavaScript > 편집기 > 구문 색상을 선택하십시오.

컨텐츠 지원은 팝업 창에서 현재 코드 행을 완료하는 데 필요한 올바른 대체 목록을 표시합니다. 컨텐츠 지원을 활성화하려면 Ctrl + Space를 누르십시오.

JavaScript 편집기의 화면 캡처입니다.

프로시저

  1. JavaScript 코드 요소를 두 번 클릭하십시오. JavaScript 코드 요소에 대한 입력 코드 창이 열립니다.
  2. 옵션: 다른 파일의 새 스크립트를 포함하는 경우 스크립트 포함을 클릭하고 컴퓨터, 원격 서버 또는 문서 빌더 컴포넌트에서 파일을 선택하십시오. 확인을 클릭하십시오.

    컴퓨터 또는 원격 서버에서 선택된 파일의 경우 선택된 파일의 JavaScript 코드 사본이 JavaScript 편집기에서 열립니다.

    문서 빌더에서 선택된 파일의 경우 스크립트 참조 사용 창이 열립니다. JavaScript를 템플리트에 참조 링크로 포함할지 여부를 선택해야 합니다.
    • 를 선택하면 JavaScript(.js) 파일에 대한 링크가 <Script> 태그 내에 임베드됩니다. 예를 들어 JavaScript 편집기에 수정하지 않아야 하는 다음 참조 링크가 추가됩니다.
      <Script src= "library://api/scripts/51"></Script>
      알아두기: 템플리트에서 문서 생성을 실행하고 템플리트에 JavaScript를 참조 링크로 포함하는 경우 문서 빌더를 사용하고 Document Studio에 연결해야 합니다. 세부사항은 문서 빌더 컴포넌트에 연결 주제를 참조하십시오.
    • 아니오를 선택하면 선택한 파일의 JavaScript 코드 사본이 JavaScript 편집기에서 열립니다.
  3. 옵션: 편집기에서 열기를 클릭하여 Eclipse JavaScript 편집기에 스크립트를 입력하십시오. 스크립트가 새 편집기 탭에서 임시 .js 파일로 열리므로 아웃라인 보기의 옵션을 통해 JavaScript를 편집하고 스크립트를 관리할 수 있습니다. 스크립트를 편집한 후에는 변경사항을 저장하고 임시 JavaScript 편집기 탭을 닫아 JavaScript 코드 요소에 대한 입력 코드 창으로 돌아가십시오.
  4. 스크립트 테스트를 클릭하여 코드를 유효성 검증하십시오.
  5. 확인을 클릭하여 변경사항을 저장하고 창을 종료하십시오.