2015-01-21 1 views
8

제목에서 알 수 있듯이 Angular 용 PDF 제작자/생성기가 있습니까?PDF를 생성하는 Angular JS - 모든 제작자 모듈?

나는 https://github.com/MrRio/jsPDF을 보았지만 각도에 대해서는 찾을 수 없습니다. 나는 다운로드를위한 pdf 파일에 html 페이지를 만들고 싶다.

+1

나는 동일한 질문을했습니다. jsPDF를 시도했지만 정렬 문제와 같은 몇 가지 문제가 있습니다. 때로는 일부 레이어가 상위 레이어와 겹치고 일부 이미지가 나타나지 않는 것처럼 보입니다. 그래서 AngularJS 라이브러리 또는 웹 페이지에서 PDF를 생성하기위한 다른 대체 라이브러리/모듈이 있는지 궁금합니다. –

+1

99 % 유사한 질문에서이 솔루션을 사용하십시오. http://stackoverflow.com/questions/34049956/generate-pdf-from-html-using-pdfmake-in-angularjs – PSyLoCKe

답변

6

언급 한 자바 스크립트 프로젝트를 앱 전체에서 호출하는 서비스로 래핑 할 수 있습니다. 이것은 실제로 다소 표준적인 방법이며 기본 구현을 변경해야하는 경우 코드를 분리합니다.

+13

어떻게이 기능을 수행 할 수 있습니까? – Sole

1

현재 HTML 문서를 인쇄하는 window.print()를 사용할 수 있습니다. 미디어 쿼리를 사용하여 스타일 문서를 조정합니다. 당신은 당신이 내 프로젝트, 테이블에서 인쇄의 전용 콘텐츠 중 하나에서

@media print { 
/* All your print styles go here */ 
#header, #footer, #nav { display: none !important; } 
} 

일부 코드를 원하는 비행과 통화 인쇄 언제든지에서 문서를 구축 할 수 있습니다 : @ 마이크가 거기 종료했다처럼

$scope.print = function() { 
    console.log('modal print'); 

    var table = document.querySelector('.CSSTableGenerator').innerHTML; 
    var myWindow = window.open('', '', 'width=800, height=600'); 
    myWindow.document.write(table); 
    myWindow.print(); 

    }; 
+0

당신은 이것에 대한 바이올린을 함께 넣을 수 있습니까? 이것이 어떻게 작동하는지 혼란 스럽다. – Sole

+0

또한 버튼의 어떤 마크 업이 사용됩니까? – Sole

+0

http://jsfiddle.net/cSN9G/2/ – Mike

5

보인다. 몇 가지 빠른 변경으로보기 흉하지 않은 파일이 생성되어 인쇄 팝업이 나타납니다.

1 - 당신의 ID를 인쇄 할 영역을 지정 'printArea에'

2 - jsPDF에게 기능을 포장이 각도 지침이있다 년대 $window 서비스

$scope.printIt = function(){ 
    var table = document.getElementById('printArea').innerHTML; 
    var myWindow = $window.open('', '', 'width=800, height=600'); 
    myWindow.document.write(table); 
    myWindow.print(); 
}; 
+0

이것은 좋은 생각입니다. 그러나 내가 찾고있는 것은 사용자가 버튼을 클릭하고 파일이 다운로드되는 "내보내기로 내보내기"와 유사한 솔루션입니다. 필자의 경우 "PDF로 내보내기"옵션 만 필요합니다. –

+1

일부 문서를 인쇄 할 때 유용합니다. –