Export to PDF

이 문서는 dhtmlxScheduler 버전 4.1 이상에서의 내보내기 방법을 다룹니다. 4.0 이하 버전의 경우 이 가이드를 참고하세요.

버전 4.1부터 dhtmlxScheduler는 온라인 내보내기 서비스를 이용하여 스케줄러를 PDF 파일로 내보내는 새로운 방법을 제공합니다.

여러 가지 내보내기 서비스가 제공되며, 이를 로컬 환경에 설치하여 Scheduler를 PDF로 내보낼 수 있습니다.

내보내기 서비스는 Scheduler 패키지와 별개임을 유의하세요. 사용 조건에 대한 자세한 내용은 관련 문서를 참고하세요.

API 엔드포인트 https://export.dhtmlx.com/scheduler는 (exportToPDF, exportToPNG 등) 내보내기 요청을 처리합니다. 허용되는 최대 요청 크기는 10 MB입니다.

스케줄러를 PDF로 내보내려면 다음 단계를 따르세요:

• export_api 플러그인을 plugins 메서드를 사용하여 활성화합니다:

scheduler.plugins({
    export_api: true
});

<script src="codebase/dhtmlxscheduler.js"></script>
<script src="https://export.dhtmlx.com/scheduler/api.js"></script>

• exportToPDF 메서드를 사용하여 내보내기를 수행합니다:

<input value="Export to PDF" type="button" onclick='scheduler.exportToPDF()'>

Related sample:  Export to PDF/PNG

exportToPDF() 메서드는 다양한 속성이 포함된 선택적 객체 파라미터를 받을 수 있습니다:

옵션과 함께 exportToPDF 호출 예시

scheduler.exportToPDF({
    name:"myscheduler.pdf",
    format:"A4",
    orientation:"portrait",
    zoom:1,
    header:"<h1>My company</h1>",
    footer:"<h4>Bottom line</h4>",
    server:"https://myapp.com/myexport/scheduler"
});

내보낼 PDF의 파일명을 지정하려면 exportToPDF 옵션의 name 속성을 설정하세요:

scheduler.exportToPDF({
    name:"my_beautiful_scheduler.pdf"});

내보낼 PDF에 헤더와 푸터를 추가하려면 exportToPDF 옵션의 header 및 footer 속성을 사용하세요:

scheduler.exportToPDF({
    name:"myscheduler.pdf",
    header:"<h1>My company</h1>",    footer:"<h4>Bottom line</h4>"});

CSS 클래스가 포함된 스타일시트를 추가하여 커스텀 스타일을 적용할 수 있습니다:

• 외부 스타일시트를 링크하는 방법:

scheduler.exportToPDF({
    name:"calendar.pdf",
    header:'<link rel="stylesheet" href="http://mysite.com/custom.css">' });

• 또는 <style> 태그 내에 스타일을 직접 포함하는 방법:

scheduler.exportToPDF({
    name:"calendar.pdf",
    header:'<style>... custom css classes here ...</style>' });

이 방법은 전역적으로 접근 가능한 HTTP URL에서 동작합니다. 로컬 또는 인트라넷 환경에서는 모든 스타일을 직접 포함할 수 있습니다. 예를 들어:

scheduler.exportToPDF({
    header:"<style>.tier1{background: red; color:white;}</style>"
});

Scheduler를 PDF로 내보낼 때 보안상의 이유로 HTML 요소에 일부 제한이 있습니다.

<canvas>, <svg>, <script> 및 Base64로 인코딩된 src 속성의 이미지는 완전히 지원되지 않습니다. 그러나 SVG 및 Base64 형식의 이미지를 내보낼 때 사용할 수 있는 안전한 대안이 있습니다:

• src 속성이 SVG 이미지 URL을 가리키는 <img> 태그를 사용하세요(이 방법은 PNG 및 JPG 내보내기에서 동작하지만 Base64에는 적용되지 않음). 예시:

<img src=https://www.svgrepo.com/download/530597/hat.svg>

• CSS의 background 또는 background-image 속성에 url()을 사용하여 이미지 URL 또는 Base64 문자열을 지정하세요(PNG, JPG, SVG 내보내기에서 동작):

.red {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH1ggDCwMADQ4NnwAAAFVJREFUGJWNkMEJADEIBEcbSDkXUnfSgnBVeZ8LSAjiwjyEQXSFEIcHGP9oAi+H0Bymgx9MhxbFdZE2a0s9kTZdw01ZhhYkABSwgmf1Z6r1SNyfFf4BZ+ZUExcNUQUAAAAASUVORK5CYII=") 100%/contain no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
}

자체 내보내기 모듈을 사용하고 있으며 지원되지 않는 HTML 요소를 내보내야 하는 경우, 모듈을 수정하여 제한을 우회하는 방법에 대해 지원팀에 문의할 수 있습니다. 단, 이렇게 하면 서버가 XSS 취약점에 노출될 수 있다는 점을 유의하세요.