Giter VIP home page Giter VIP logo

grunt-html-pdf's Introduction

grunt-html-pdf

Grunt wrapper for the Node package html-pdf. Credit to marcbachmann for doing all the heavy lifting.

Getting Started

This plugin requires Grunt ~0.4.5

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-html-pdf --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-html-pdf');

The "html_pdf" task

Overview

In your project's Gruntfile, add a section named html_pdf to the data object passed into grunt.initConfig().

grunt.initConfig({
  html_pdf: {
    dist: {
      options: {
        // Task-specific options go here.
      },
      files: {
        // Target-specific file lists and/or options go here.
      },
    }
  },
});

Options

options.separator

Type: String Default value: '\n'

If multiple input files are supplied in one file declaration, they will be concatenated with this separator.

For example:

files: {
  'examples/example.pdf': ['examples/example.html', 'examples/second_source.html',],
}

Will concatenate example.html and second_source.html before converting the concatenated file to a PDF.

For a full list of options see html-pdf settings

Usage Examples

grunt.initConfig({
  html_pdf: {
    dist: {
      options: {
        format: 'A4',
        orientation: 'portrait',
        quality: '75',
      },
      files: {
        'files/mypdf.pdf': ['src/myhtml.html',],
      },
    }
  },
});

Future Features

  • Support Markdown compilation

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.