ng-html-to-pdf-save

KO | EN

gitlite — search

#python #hacktoberfest #typescript #go #rust #deep-learning #linux #java #windows #awesome #security #pytorch #openai #open-source

ng-html-to-pdf-save

(★ 28)

Save HTML as pdf file on the browser with angularjs .

ng-html-to-pdf-save Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Angularjs save HTML as PDF in your browser

This is an angularjs module to save HTML as PDF <a target="_blank" href="http://hearsid.github.io/angular-html-to-pdf-save/demo/index.html">DEMO</a>, it basically converts the HTML to HTML5 canvas and captures the same and converts it to PDF and saves it in your browser .

<br/>
Here are the steps :
<br/>
1) bower install angular-save-html-to-pdf
<br/>OR<br/>
npm install angular-save-html-to-pdf

2) Link the JS files in your HTML file :

```
	<script src="../bower_components/angular/angular.js"></script>
	<script src="../bower_components/jquery/dist/jquery.min.js"></script>
	<script src="https://cdn.rawgit.com/niklasvh/html2canvas/0.5.0-alpha2/dist/html2canvas.min.js"></script>
	<script src="../bower_components/jsPDF/dist/jspdf.debug.js"></script>
	<script src="../dist/saveHtmlToPdf.min.js"></script>

```

3) Add this module to your angular app :
 ```
 var app = angular.module('app' , ['htmlToPdfSave']) ;
 ```
 4) Use the directives in your app , here is a code snippet from a working copy in demo folder :
  ```
  <button pdf-save-button="idOne" pdf-name="someone.pdf" class="btn">Hello Someone</button>

<div pdf-save-content="idOne" >
  		Hello Someone
  	</div>

<button pdf-save-button="idOneGraph" pdf-name="hello.pdf" class="btn">Hello World</button>

<div pdf-save-content="idOneGraph" >
  		Hello World
  	</div>
  ```

To allow addition of multiple pdf save button and linking them to the pdf save content block every pdf-save-button and pdf-save-content directive is associated with an ID , the pdf-save-button will match the ID with pdf-save-content block and the matching HTML block will be saved .
  <br/>
  <br/>

### Developer instructions:
  If you would like to run the project locally, you can download the repo and run :<br/>
  1)
  ```
    > gulp concat
    > gulp compress
    ```
  commands to create the bundled file which is then used in the demo/index.html file.

2)  demo/index.html file can be served easily by any static web server to test the project, I use and thus recommend python server which you can start by writing
     ``` python -m SimpleHTTPServer 9090 ```
     9090 can be replaced by your prefered port. <br/>
  NOTE : This is a new repository and has been tested with basic HTML and google graphs , please create github issues if you find it is not working with something and consider contributing. Cheers .

ng-html-to-pdf-save

ng-html-to-pdf-save Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ng-html-to-pdf-save

ng-html-to-pdf-save Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README